@import url(https://cdn.jsdelivr.net/npm/jQuery-QueryBuilder/dist/css/query-builder.default.min.css);

.oxd-divider[data-v-47bf13c8] {
  margin-top: 0;
  margin-bottom: 0;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-49c57bca] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-49c57bca] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-49c57bca] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-49c57bca] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-49c57bca] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-49c57bca] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-49c57bca] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-49c57bca] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-49c57bca] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-49c57bca]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-49c57bca] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-49c57bca] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-49c57bca] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-49c57bca] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-49c57bca] {
  background-image: none !important;
}
.oxd-text--h5[data-v-49c57bca] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-49c57bca] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-49c57bca] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-49c57bca] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-49c57bca] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-49c57bca] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-49c57bca],
.orangehrm-dialog-header-container[data-v-49c57bca] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-49c57bca],
.orangehrm-dialog-header-container .oxd-button[data-v-49c57bca] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-49c57bca] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-49c57bca] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-49c57bca] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-49c57bca] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-49c57bca] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-49c57bca] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-49c57bca] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-49c57bca] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-49c57bca] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-49c57bca] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-49c57bca] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-49c57bca] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-49c57bca] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-49c57bca] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-49c57bca] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-49c57bca] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-49c57bca] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-49c57bca] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-49c57bca] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-49c57bca] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-49c57bca] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-49c57bca] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-49c57bca] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-49c57bca] {
  color: #38455d;
}
.orangehrm-form-action[data-v-49c57bca] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-49c57bca] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-49c57bca] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-49c57bca] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-49c57bca] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-49c57bca] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-form-hint[data-v-49c57bca] {
  margin-right: auto;
  font-weight: 600;
  font-size: 0.75rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-65788c6a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-65788c6a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-65788c6a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-65788c6a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-65788c6a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-65788c6a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-65788c6a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-65788c6a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-65788c6a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-65788c6a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-65788c6a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-65788c6a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-65788c6a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-65788c6a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-65788c6a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-65788c6a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-65788c6a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-65788c6a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-65788c6a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-65788c6a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-65788c6a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-65788c6a],
.orangehrm-dialog-header-container[data-v-65788c6a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-65788c6a],
.orangehrm-dialog-header-container .oxd-button[data-v-65788c6a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-65788c6a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-65788c6a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-65788c6a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-65788c6a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-65788c6a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-65788c6a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-65788c6a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-65788c6a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-65788c6a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-65788c6a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-65788c6a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-65788c6a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-65788c6a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-65788c6a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-65788c6a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-65788c6a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-65788c6a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-65788c6a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-65788c6a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-65788c6a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-65788c6a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-65788c6a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-65788c6a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-65788c6a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-65788c6a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-65788c6a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-65788c6a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-65788c6a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-65788c6a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-65788c6a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-loader[data-v-65788c6a] {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80px;
}
.orangehrm-about[data-v-65788c6a] {
  grid-template-columns: 150px 1fr;
}
.orangehrm-about-title[data-v-65788c6a], .orangehrm-about-text[data-v-65788c6a] {
  word-break: break-word;
  font-size: 12px;
}
.orangehrm-about-title[data-v-65788c6a] {
  font-weight: 700;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-9c9015de] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-9c9015de] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-9c9015de] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-9c9015de] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-9c9015de] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-9c9015de] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-9c9015de] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-9c9015de] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-9c9015de] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-9c9015de]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-9c9015de] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-9c9015de] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-9c9015de] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-9c9015de] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-9c9015de] {
  background-image: none !important;
}
.oxd-text--h5[data-v-9c9015de] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-9c9015de] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-9c9015de] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-9c9015de] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-9c9015de] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-9c9015de] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-9c9015de],
.orangehrm-dialog-header-container[data-v-9c9015de] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-9c9015de],
.orangehrm-dialog-header-container .oxd-button[data-v-9c9015de] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-9c9015de] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-9c9015de] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-9c9015de] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-9c9015de] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-9c9015de] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-9c9015de] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-9c9015de] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-9c9015de] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-9c9015de] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-9c9015de] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-9c9015de] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-9c9015de] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-9c9015de] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-9c9015de] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-9c9015de] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-9c9015de] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-9c9015de] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-9c9015de] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-9c9015de] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-9c9015de] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-9c9015de] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-9c9015de] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-9c9015de] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-9c9015de] {
  color: #38455d;
}
.orangehrm-form-action[data-v-9c9015de] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-9c9015de] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-9c9015de] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-9c9015de] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-9c9015de] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-9c9015de] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* nunito-sans-200 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-300 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-regular - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-italic - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-600 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-700 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-800 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 800;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-900 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 900;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Global */
/* Input Control */
.oxd-icon[data-v-9c9015de] {
  color: #64728c;
}
.oxd-icon.--disabled[data-v-9c9015de] {
  color: #e8eaef;
}
[class^=bi-][data-v-9c9015de]::before,
[class*=" bi-"][data-v-9c9015de]::before {
  line-height: inherit;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* nunito-sans-200 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-300 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-regular - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-italic - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-600 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-700 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-800 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 800;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-900 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 900;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Global */
/* Input Control */
.oxd-topbar-body-nav-tab {
  background-color: #f8f9fa;
  color: #929baa;
}
.oxd-topbar-body-nav-tab-item, .oxd-topbar-body-nav-tab-link {
  color: inherit;
  white-space: nowrap;
  text-decoration: inherit;
}
.oxd-topbar-body-nav-tab-item.--more, .oxd-topbar-body-nav-tab-link.--more {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.oxd-topbar-body-nav-tab-item.--more .oxd-icon, .oxd-topbar-body-nav-tab-link.--more .oxd-icon {
  color: inherit !important;
}
.oxd-topbar-body-nav-tab:hover, .oxd-topbar-body-nav-tab.--active, .oxd-topbar-body-nav-tab.--visited {
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-10-color);
}
.oxd-topbar-body-nav-tab:hover .oxd-icon, .oxd-topbar-body-nav-tab.--active .oxd-icon, .oxd-topbar-body-nav-tab.--visited .oxd-icon {
  color: var(--oxd-primary-one-color);
}
.oxd-topbar-body-nav-tab .oxd-dropdown-menu {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 0.5rem;
  padding: 0.375rem;
  overflow-y: auto;
  max-height: 200px;
}
.oxd-topbar-body-nav-tab .oxd-dropdown-menu li {
  color: #929baa;
  padding: 0.5rem;
}
.oxd-topbar-body-nav-tab .oxd-dropdown-menu li:hover {
  background-color: #f6f7f9;
  border-radius: 0.65rem;
}
.oxd-topbar-body-nav-tab .oxd-dropdown-menu::-webkit-scrollbar {
  width: 0.2em;
  border-radius: 0.65rem;
}
.oxd-topbar-body-nav-tab .oxd-dropdown-menu::-webkit-scrollbar-thumb {
  background-color: rgb(176, 173, 173);
}
.oxd-topbar-body-nav-tab-accordian {
  list-style: none;
  padding: 0;
}
.oxd-topbar-body-nav-tab-accordian a {
  color: inherit;
  text-decoration: none;
  padding-left: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3a7d91e7] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3a7d91e7] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3a7d91e7] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3a7d91e7] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3a7d91e7] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3a7d91e7] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3a7d91e7] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3a7d91e7] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3a7d91e7] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3a7d91e7]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3a7d91e7] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3a7d91e7] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3a7d91e7] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3a7d91e7] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3a7d91e7] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3a7d91e7] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3a7d91e7] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3a7d91e7] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3a7d91e7] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3a7d91e7] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3a7d91e7] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3a7d91e7],
.orangehrm-dialog-header-container[data-v-3a7d91e7] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3a7d91e7],
.orangehrm-dialog-header-container .oxd-button[data-v-3a7d91e7] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3a7d91e7] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3a7d91e7] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3a7d91e7] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3a7d91e7] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3a7d91e7] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3a7d91e7] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3a7d91e7] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3a7d91e7] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3a7d91e7] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3a7d91e7] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3a7d91e7] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3a7d91e7] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3a7d91e7] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3a7d91e7] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3a7d91e7] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3a7d91e7] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3a7d91e7] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3a7d91e7] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3a7d91e7] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3a7d91e7] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3a7d91e7] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3a7d91e7] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3a7d91e7] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3a7d91e7] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3a7d91e7] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3a7d91e7] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3a7d91e7] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3a7d91e7] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3a7d91e7] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3a7d91e7] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* nunito-sans-200 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-300 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-regular - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-italic - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-600 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-700 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-800 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 800;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-900 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 900;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Global */
/* Input Control */
.oxd-topbar-body-nav ul[data-v-3a7d91e7]:first-child {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}
.oxd-topbar-body-nav-tab[data-v-3a7d91e7] {
  height: 35px;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  padding: 0 12px;
  margin-right: 15px;
  text-decoration: none;
  border-radius: 0.85rem;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: 600;
}
@media (min-width: 0px) {
.oxd-topbar-body-nav[data-v-3a7d91e7] {
    position: relative;
}
}
@media (min-width: 800px) {
.oxd-topbar-body-nav-tab[data-v-3a7d91e7] {
    position: relative;
}
}

.custom-blue-button[data-v-8dbe5d1e] {
    background-color: rgba(255, 255, 255, 0.15) !important;
    border: 1px solid white !important;
}
.notification-wrapper[data-v-8dbe5d1e] {
  position: relative;
  display: inline-block;
  margin-right: 15px
}
.notification-tooltip[data-v-8dbe5d1e] {
  position: fixed;
  top: 68px;
  right: 20px;
  width: 450px;
  min-height: 300px;
  max-height: 80vh;
  overflow-y: auto;
  background: white;
  border-radius: 10px;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
  padding: 15px;
  z-index: 9999;
  border: 1px solid #eee;
  font-family: Nunito Sans;
}
.notification-header-top[data-v-8dbe5d1e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
  padding-bottom: 15px;
  border-bottom: 1px solid #f0f0f0;
}
.notification-header-top h3[data-v-8dbe5d1e] {
  margin: 0;
  padding: 0;
  padding-top: 2px;
  font-size: 1.2rem;
  font-weight: 600;
  color: #333;
  line-height: 1;         /* tighter spacing */
  display: flex;          /* allow vertical centering */
  align-items: center;    /* center text within flex container */
  height: 100%;           /* ensures it matches button height */
}
.close-btn[data-v-8dbe5d1e] {
  background: none;
  border: none;
  font-size: 20px;
  color: #777;
  cursor: pointer;
  transition: color 0.2s;
}
.close-btn[data-v-8dbe5d1e]:hover {
  color: #000;
}
.notification-content[data-v-8dbe5d1e] {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.notif-item[data-v-8dbe5d1e] {
  background: #f9f9f9;
  border-radius: 8px;
  padding: 12px;
  cursor: pointer;
  transition: all 0.2s;
  border: 1px solid transparent;
}
.notif-item[data-v-8dbe5d1e]:hover {
  background: #f0f7ff;
  border-color: #cfe4ff;
}
.notification-header[data-v-8dbe5d1e] {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.notification-title[data-v-8dbe5d1e] {
  margin: 0;
  font-weight: bold;
  font-size: 0.9rem;
  color: #222;
}
.notification-subtitle[data-v-8dbe5d1e] {
  margin: 3px 0 0;
  font-weight: 600;
  font-size: 0.85rem;
  color: #64728C;
}
.notification-status[data-v-8dbe5d1e] {
  font-weight: 600;
  font-size: 0.8rem;
  font-weight: bold;
}
.notification-pending[data-v-8dbe5d1e] {
  color: crimson;
}
.notification-completed[data-v-8dbe5d1e] {
  color: rgb(103, 174, 32);
}
.notification-footer[data-v-8dbe5d1e] {
  margin-top: 6px;
  font-size: 0.75rem;
  color: #888;
}
.no-notif[data-v-8dbe5d1e] {
  text-align: center;
  color: #aaa;
  padding: 15px 0;
}
.notification-badge[data-v-8dbe5d1e] {
  position: absolute;
  top: 6px;
  right: 10px;
  background: crimson;
  border-radius: 50%;
  width: 8px;
  height: 8px;
}
.fade-enter-active[data-v-8dbe5d1e],
.fade-leave-active[data-v-8dbe5d1e] {
  transition: opacity 0.2s ease;
}
.fade-enter-from[data-v-8dbe5d1e],
.fade-leave-to[data-v-8dbe5d1e] {
  opacity: 0;
}
.title-container[data-v-8dbe5d1e] {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 6px;
}
.title-container .title[data-v-8dbe5d1e] {
  display: flex;            
  align-items: center;        
  font-size: 1.2rem;
  font-weight: 600;
  color: #333;
  margin: 0;
  height: 100%;       
  line-height: 1;
}
.add-button[data-v-8dbe5d1e] {
  display: flex;        
  align-items: center;      
  justify-content: center;
  border: none;
  border-radius: 20px;
  padding: 7.5px 22px;
  color: white;
  background-color: var(--oxd-primary-color, #0056d2);
  font-weight: 600;
  font-size: 0.85rem;
  cursor: pointer;
}
.task-filter[data-v-8dbe5d1e] {
  position: relative;
  display: inline-block;
  font-family: Nunito Sans;
}
.task-filter-button[data-v-8dbe5d1e] {
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: #0a214a; /* deep navy like in your image */
  color: white;
  border: none;
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 0.85rem;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.task-filter-button[data-v-8dbe5d1e]:hover {
  background-color: #122c63;
}
.task-count[data-v-8dbe5d1e] {
  background: rgba(255, 255, 255, 0.15);
  padding: 2px 8px;
  border-radius: 6px;
  font-weight: 500;
}
.arrow[data-v-8dbe5d1e] {
  border: solid white;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  margin-left: 4px;
  transform: rotate(45deg);
  transition: transform 0.2s;
}
.arrow.open[data-v-8dbe5d1e] {
  transform: rotate(-135deg);
}
.task-filter-dropdown[data-v-8dbe5d1e] {
  position: absolute;
  top: 110%;
  left: 0;
  background: white;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  min-width: 120px;
  z-index: 100;
}
.dropdown-item[data-v-8dbe5d1e] {
  padding: 8px 12px;
  font-size: 0.85rem;
  cursor: pointer;
  transition: background 0.2s;
}
.dropdown-item[data-v-8dbe5d1e]:hover {
  background-color: #f0f4ff;
}
.dropdown-item.active[data-v-8dbe5d1e] {
  background-color: #e6efff;
  font-weight: 600;
}
@media (max-width: 768px) {
.notification-tooltip[data-v-8dbe5d1e] {
    right: 10px;
    left: 10px;
    width: auto;
    top: 70px;
    max-height: 70vh;
}
}
@media (max-width: 480px) {
.notification-title[data-v-8dbe5d1e] {
    font-size: 0.9rem;
}
.notification-subtitle[data-v-8dbe5d1e] {
    font-size: 0.8rem;
}
.notification-tooltip[data-v-8dbe5d1e] {
    padding: 10px;
}
}


.past-employee-tag[data-v-4b3cc5de] {
  margin-left: auto;
}
[data-v-4b3cc5de] .oxd-autocomplete-text-input {
    min-height: 20px !important;
    height: 35px !important;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3117c6f1] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3117c6f1] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3117c6f1] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3117c6f1] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3117c6f1] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3117c6f1] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3117c6f1] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3117c6f1] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3117c6f1] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3117c6f1]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3117c6f1] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3117c6f1] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3117c6f1] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3117c6f1] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3117c6f1] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3117c6f1] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3117c6f1] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3117c6f1] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3117c6f1] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3117c6f1] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3117c6f1] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3117c6f1],
.orangehrm-dialog-header-container[data-v-3117c6f1] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3117c6f1],
.orangehrm-dialog-header-container .oxd-button[data-v-3117c6f1] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3117c6f1] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3117c6f1] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3117c6f1] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3117c6f1] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3117c6f1] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3117c6f1] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3117c6f1] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3117c6f1] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3117c6f1] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3117c6f1] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3117c6f1] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3117c6f1] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3117c6f1] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3117c6f1] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3117c6f1] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3117c6f1] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3117c6f1] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3117c6f1] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3117c6f1] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3117c6f1] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3117c6f1] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3117c6f1] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3117c6f1] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3117c6f1] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3117c6f1] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3117c6f1] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3117c6f1] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3117c6f1] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3117c6f1] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3117c6f1] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* nunito-sans-200 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-300 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-regular - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-italic - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-600 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-700 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-800 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 800;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-900 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 900;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Global */
/* Input Control */
.oxd-menu-icon[data-v-3117c6f1] {
  height: 22px;
  width: 22px;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  display: inline-block;
  vertical-align: middle;
}
.oxd-topbar[data-v-3117c6f1] {
  top: 0;
  width: 100%;
  bottom: auto;
  position: fixed;
  max-height: 100px;
  font-weight: 300;
  font-family: "Nunito Sans";
  z-index: 210;
}
.oxd-topbar-header[data-v-3117c6f1] {
  height: 50px;
  display: flex;
  flex-flow: row;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: var(--oxd-primary-gradient-start-color);
  background-image: linear-gradient(90deg, var(--oxd-primary-gradient-start-color) 0%, var(--oxd-primary-gradient-end-color) 90%);
}
.oxd-topbar-header-title[data-v-3117c6f1] {
  display: flex;
  min-width: 0%;
  flex-basis: 40%;
  align-items: center;
}
.oxd-topbar-header-breadcrumb[data-v-3117c6f1] {
  font-size: 14px;
}
.oxd-topbar-header-breadcrumb-module[data-v-3117c6f1], .oxd-topbar-header-breadcrumb-level[data-v-3117c6f1] {
  font-size: inherit;
  font-weight: 400;
  color: var(--oxd-primary-font-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.oxd-topbar-header-breadcrumb-level[data-v-3117c6f1] {
  font-size: 0.75rem;
}
@media (min-width: 800px) {
.oxd-topbar-header-breadcrumb[data-v-3117c6f1] {
    display: flex;
}
.oxd-topbar-header-breadcrumb-level[data-v-3117c6f1] {
    margin-left: 0.25rem;
    font-size: inherit;
}
.oxd-topbar-header-breadcrumb-level[data-v-3117c6f1]::before {
    content: "/ ";
}
}
.oxd-topbar-header-hamburger[data-v-3117c6f1] {
  display: block;
  color: var(--oxd-primary-font-color);
  margin-right: 10px;
  font-size: 1.75rem;
  cursor: pointer;
}
@media (min-width: 800px) {
.oxd-topbar-header-hamburger[data-v-3117c6f1] {
    display: none;
}
}
.oxd-topbar-header-userarea[data-v-3117c6f1] {
  align-self: center;
  margin-left: auto;
}
.oxd-topbar-header-userarea ul[data-v-3117c6f1] {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.oxd-topbar-header-userarea-gap[data-v-3117c6f1] {
  width: 0;
  border-right: 1px solid #da630b;
  height: 2rem;
  margin: auto 1rem;
}
@media (min-width: 800px) {
.oxd-topbar-header[data-v-3117c6f1] {
    padding-left: calc(16rem + 48px);
    padding-right: 48px;
}
.oxd-topbar-header.toggled[data-v-3117c6f1] {
    padding-left: calc(5.2rem + 48px);
}
}
.oxd-topbar-body[data-v-3117c6f1] {
  box-sizing: border-box;
  min-height: 52px;
  background-color: #ffffff;
  border-bottom: 1px solid #f1f2f3;
  padding: 8px 20px;
}
@media (min-width: 800px) {
.oxd-topbar-body[data-v-3117c6f1] {
    padding: 8px 48px;
    width: calc(100% - 16rem);
    margin-left: 16rem;
}
.oxd-topbar-body.toggled[data-v-3117c6f1] {
    width: calc(100% - 5.2rem);
    margin-left: 5.2rem;
}
}
.oxd-topbar .search-employee-grid[data-v-3117c6f1] {
  padding-top: 10px;
  padding-right: 15px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-c8181caa] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-c8181caa] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-c8181caa] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-c8181caa] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-c8181caa] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-c8181caa] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-c8181caa] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-c8181caa] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-c8181caa] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-c8181caa]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-c8181caa] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-c8181caa] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-c8181caa] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-c8181caa] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-c8181caa] {
  background-image: none !important;
}
.oxd-text--h5[data-v-c8181caa] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-c8181caa] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-c8181caa] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-c8181caa] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-c8181caa] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-c8181caa] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-c8181caa],
.orangehrm-dialog-header-container[data-v-c8181caa] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-c8181caa],
.orangehrm-dialog-header-container .oxd-button[data-v-c8181caa] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-c8181caa] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-c8181caa] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-c8181caa] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-c8181caa] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-c8181caa] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-c8181caa] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-c8181caa] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-c8181caa] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-c8181caa] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-c8181caa] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-c8181caa] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-c8181caa] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-c8181caa] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-c8181caa] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-c8181caa] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-c8181caa] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-c8181caa] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-c8181caa] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-c8181caa] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-c8181caa] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-c8181caa] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-c8181caa] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-c8181caa] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-c8181caa] {
  color: #38455d;
}
.orangehrm-form-action[data-v-c8181caa] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-c8181caa] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-c8181caa] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-c8181caa] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-c8181caa] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-c8181caa] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* nunito-sans-200 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-300 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-regular - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-italic - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-600 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-700 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-800 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 800;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-900 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 900;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Global */
/* Input Control */
.oxd-brand[data-v-c8181caa] {
  display: flex;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 1.5rem 1rem;
  z-index: 1;
  align-items: center;
}
.oxd-brand-logo[data-v-c8181caa] {
  display: none;
  border-style: none;
}
.oxd-brand-logo img[data-v-c8181caa] {
  height: 50px;
  width: 50px;
}
@media (min-width: 800px) {
.oxd-brand-logo[data-v-c8181caa] {
    display: block;
}
}
.oxd-brand-banner img[data-v-c8181caa] {
  height: 50px;
  width: 182px;
}
@media (min-width: 800px) {
.oxd-brand-banner.toggled[data-v-c8181caa] {
    display: none;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-0800809b] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-0800809b] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-0800809b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-0800809b] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-0800809b] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-0800809b] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-0800809b] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-0800809b] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-0800809b] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-0800809b]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-0800809b] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-0800809b] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-0800809b] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-0800809b] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-0800809b] {
  background-image: none !important;
}
.oxd-text--h5[data-v-0800809b] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-0800809b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-0800809b] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-0800809b] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-0800809b] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-0800809b] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-0800809b],
.orangehrm-dialog-header-container[data-v-0800809b] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-0800809b],
.orangehrm-dialog-header-container .oxd-button[data-v-0800809b] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-0800809b] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-0800809b] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-0800809b] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-0800809b] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-0800809b] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-0800809b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-0800809b] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-0800809b] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-0800809b] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-0800809b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-0800809b] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-0800809b] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-0800809b] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-0800809b] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-0800809b] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-0800809b] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-0800809b] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-0800809b] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-0800809b] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-0800809b] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-0800809b] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-0800809b] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-0800809b] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-0800809b] {
  color: #38455d;
}
.orangehrm-form-action[data-v-0800809b] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-0800809b] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-0800809b] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-0800809b] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-0800809b] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-0800809b] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* nunito-sans-200 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-300 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-regular - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-italic - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-600 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-700 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-800 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 800;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-900 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 900;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Global */
/* Input Control */
.oxd-menu-icon[data-v-0800809b] {
  height: 22px;
  width: 22px;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  display: inline-block;
  vertical-align: middle;
}
.oxd-main-menu-wrapper[data-v-0800809b] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.oxd-main-menu[data-v-0800809b] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.oxd-main-menu.--fixed[data-v-0800809b] {
  flex: none;
  overflow: visible;
  padding-right: 10px;
}
.oxd-main-menu--items[data-v-0800809b] {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-flow: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 10px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.oxd-main-menu--items[data-v-0800809b]::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.oxd-main-menu-item[data-v-0800809b] {
  display: flex;
  text-align: left;
  align-items: center;
  text-decoration: none;
  color: #64728c;
  padding: 8px 16px 8px 24px;
}
.oxd-main-menu-item--icon[data-v-0800809b], .oxd-main-menu-item--name[data-v-0800809b] {
  color: inherit;
}
.oxd-main-menu-item--name[data-v-0800809b] {
  padding-left: 15px;
  font-size: 0.85rem;
  font-weight: 600;
}
.oxd-main-menu-item[data-v-0800809b]:hover {
  background-color: var(--oxd-primary-one-alpha-10-color);
  transition-timing-function: ease-out;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.oxd-main-menu-item.active[data-v-0800809b] {
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-color);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background-image: linear-gradient(90deg, var(--oxd-primary-gradient-start-color) 0%, var(--oxd-primary-gradient-end-color) 90%);
}
@media (min-width: 800px) {
.oxd-main-menu-item.toggle[data-v-0800809b] {
    justify-content: center;
}
.oxd-main-menu-item.toggle .oxd-main-menu-item--name[data-v-0800809b] {
    display: none;
}
}
.oxd-main-menu hr[data-v-0800809b] {
  border: 0;
}
.oxd-main-menu-divider[data-v-0800809b] {
  border-top: 1px solid rgba(143, 143, 143, 0.15) !important;
  margin: 0.35rem 1rem 0.5rem;
}
.oxd-main-menu-client-logo[data-v-0800809b] {
  flex: none;
  padding: 0.75rem 1rem 0.5rem;
  text-align: center;
}
.oxd-main-menu-client-logo a[data-v-0800809b] {
  display: block;
  text-decoration: none;
  line-height: 0;
}
.oxd-main-menu-client-logo img[data-v-0800809b] {
  display: block;
  margin: 0 auto;
  max-width: calc(100% - 1rem);
  max-height: 48px;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.oxd-main-menu-search[data-v-0800809b] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 0.75rem 0.5rem 1rem;
  overflow: visible;
  position: relative;
}
.oxd-main-menu-search-field[data-v-0800809b] {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.oxd-main-menu-search-icon[data-v-0800809b] {
  flex-shrink: 0;
  color: #64728c;
}
.oxd-main-menu-search[data-v-0800809b] .oxd-input-group {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
}
.oxd-main-menu-search[data-v-0800809b] .oxd-input-group__label-icon {
  display: none;
}
.oxd-main-menu-search[data-v-0800809b] .oxd-input {
  border-radius: 1.25rem;
  border: 1px solid #cfd3de;
  min-height: 2rem;
  height: 2rem;
  width: 100%;
  padding: 0 0.75rem;
  display: block;
  font-size: 0.85rem;
  line-height: 1.25rem;
  background-color: #ffffff;
  box-sizing: border-box;
}
.oxd-main-menu-search[data-v-0800809b] .oxd-input--active,
.oxd-main-menu-search[data-v-0800809b] .oxd-input--focus {
  border-color: var(--oxd-primary-one-color);
  box-shadow: none;
  outline: 0;
}
.oxd-main-menu-search[data-v-0800809b] .oxd-input--error {
  border-color: #eb0910;
  box-shadow: none;
}
@media (min-width: 0px) {
.oxd-main-menu-search[data-v-0800809b] .oxd-input.toggled {
    display: block;
}
}
@media (min-width: 800px) {
.oxd-main-menu-search[data-v-0800809b] .oxd-input.toggled {
    display: none;
}
}
.oxd-main-menu-button[data-v-0800809b] {
  flex-shrink: 0;
  position: relative;
  top: auto;
  right: auto;
  width: 1.75rem;
  height: 1.75rem;
  min-width: 1.75rem;
  min-height: 1.75rem;
  display: none;
  background-color: var(--oxd-primary-one-color) !important;
}
@media (min-width: 800px) {
.oxd-main-menu-button[data-v-0800809b] {
    display: inline-flex;
}
}
.oxd-main-menu-button[data-v-0800809b] .oxd-icon {
  font-size: 10px;
  color: var(--oxd-primary-font-color);
}
.icon-md[data-v-0800809b] {
  font-size: 1.7em;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-f0b9ea30] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-f0b9ea30] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-f0b9ea30] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-f0b9ea30] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-f0b9ea30] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-f0b9ea30] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-f0b9ea30] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-f0b9ea30] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-f0b9ea30] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-f0b9ea30]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-f0b9ea30] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-f0b9ea30] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-f0b9ea30] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-f0b9ea30] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-f0b9ea30] {
  background-image: none !important;
}
.oxd-text--h5[data-v-f0b9ea30] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-f0b9ea30] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-f0b9ea30] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-f0b9ea30] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-f0b9ea30] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-f0b9ea30] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-f0b9ea30],
.orangehrm-dialog-header-container[data-v-f0b9ea30] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-f0b9ea30],
.orangehrm-dialog-header-container .oxd-button[data-v-f0b9ea30] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-f0b9ea30] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-f0b9ea30] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-f0b9ea30] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-f0b9ea30] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-f0b9ea30] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-f0b9ea30] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-f0b9ea30] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-f0b9ea30] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-f0b9ea30] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-f0b9ea30] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-f0b9ea30] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-f0b9ea30] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-f0b9ea30] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-f0b9ea30] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-f0b9ea30] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-f0b9ea30] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-f0b9ea30] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-f0b9ea30] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-f0b9ea30] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-f0b9ea30] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-f0b9ea30] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-f0b9ea30] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-f0b9ea30] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-f0b9ea30] {
  color: #38455d;
}
.orangehrm-form-action[data-v-f0b9ea30] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-f0b9ea30] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-f0b9ea30] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-f0b9ea30] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-f0b9ea30] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-f0b9ea30] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* nunito-sans-200 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-300 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-regular - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-italic - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-600 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-700 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-800 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 800;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-900 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 900;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Global */
/* Input Control */
.oxd-menu-icon[data-v-f0b9ea30] {
  height: 22px;
  width: 22px;
  background-repeat: no-repeat;
  background-size: 22px 22px;
  display: inline-block;
  vertical-align: middle;
}
.oxd-main-menu-wrapper[data-v-f0b9ea30] {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.oxd-main-menu[data-v-f0b9ea30] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.oxd-main-menu.--fixed[data-v-f0b9ea30] {
  flex: none;
  overflow: visible;
  padding-right: 10px;
}
.oxd-main-menu--items[data-v-f0b9ea30] {
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-flow: column;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 10px;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.oxd-main-menu--items[data-v-f0b9ea30]::-webkit-scrollbar {
  display: none;
  width: 0;
  height: 0;
}
.oxd-main-menu-item[data-v-f0b9ea30] {
  display: flex;
  text-align: left;
  align-items: center;
  text-decoration: none;
  color: #64728c;
  padding: 8px 16px 8px 24px;
}
.oxd-main-menu-item--icon[data-v-f0b9ea30], .oxd-main-menu-item--name[data-v-f0b9ea30] {
  color: inherit;
}
.oxd-main-menu-item--name[data-v-f0b9ea30] {
  padding-left: 15px;
  font-size: 0.85rem;
  font-weight: 600;
}
.oxd-main-menu-item[data-v-f0b9ea30]:hover {
  background-color: var(--oxd-primary-one-alpha-10-color);
  transition-timing-function: ease-out;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.oxd-main-menu-item.active[data-v-f0b9ea30] {
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-color);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background-image: linear-gradient(90deg, var(--oxd-primary-gradient-start-color) 0%, var(--oxd-primary-gradient-end-color) 90%);
}
@media (min-width: 800px) {
.oxd-main-menu-item.toggle[data-v-f0b9ea30] {
    justify-content: center;
}
.oxd-main-menu-item.toggle .oxd-main-menu-item--name[data-v-f0b9ea30] {
    display: none;
}
}
.oxd-main-menu hr[data-v-f0b9ea30] {
  border: 0;
}
.oxd-main-menu-divider[data-v-f0b9ea30] {
  border-top: 1px solid rgba(143, 143, 143, 0.15) !important;
  margin: 0.35rem 1rem 0.5rem;
}
.oxd-main-menu-client-logo[data-v-f0b9ea30] {
  flex: none;
  padding: 0.75rem 1rem 0.5rem;
  text-align: center;
}
.oxd-main-menu-client-logo a[data-v-f0b9ea30] {
  display: block;
  text-decoration: none;
  line-height: 0;
}
.oxd-main-menu-client-logo img[data-v-f0b9ea30] {
  display: block;
  margin: 0 auto;
  max-width: calc(100% - 1rem);
  max-height: 48px;
  width: auto;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.oxd-main-menu-search[data-v-f0b9ea30] {
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.5rem 0.75rem 0.5rem 1rem;
  overflow: visible;
  position: relative;
}
.oxd-main-menu-search-field[data-v-f0b9ea30] {
  flex: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.oxd-main-menu-search-icon[data-v-f0b9ea30] {
  flex-shrink: 0;
  color: #64728c;
}
.oxd-main-menu-search[data-v-f0b9ea30] .oxd-input-group {
  flex: 1;
  min-width: 0;
  margin-bottom: 0;
}
.oxd-main-menu-search[data-v-f0b9ea30] .oxd-input-group__label-icon {
  display: none;
}
.oxd-main-menu-search[data-v-f0b9ea30] .oxd-input {
  border-radius: 1.25rem;
  border: 1px solid #cfd3de;
  min-height: 2rem;
  height: 2rem;
  width: 100%;
  padding: 0 0.75rem;
  display: block;
  font-size: 0.85rem;
  line-height: 1.25rem;
  background-color: #ffffff;
  box-sizing: border-box;
}
.oxd-main-menu-search[data-v-f0b9ea30] .oxd-input--active,
.oxd-main-menu-search[data-v-f0b9ea30] .oxd-input--focus {
  border-color: var(--oxd-primary-one-color);
  box-shadow: none;
  outline: 0;
}
.oxd-main-menu-search[data-v-f0b9ea30] .oxd-input--error {
  border-color: #eb0910;
  box-shadow: none;
}
@media (min-width: 0px) {
.oxd-main-menu-search[data-v-f0b9ea30] .oxd-input.toggled {
    display: block;
}
}
@media (min-width: 800px) {
.oxd-main-menu-search[data-v-f0b9ea30] .oxd-input.toggled {
    display: none;
}
}
.oxd-main-menu-button[data-v-f0b9ea30] {
  flex-shrink: 0;
  position: relative;
  top: auto;
  right: auto;
  width: 1.75rem;
  height: 1.75rem;
  min-width: 1.75rem;
  min-height: 1.75rem;
  display: none;
  background-color: var(--oxd-primary-one-color) !important;
}
@media (min-width: 800px) {
.oxd-main-menu-button[data-v-f0b9ea30] {
    display: inline-flex;
}
}
.oxd-main-menu-button[data-v-f0b9ea30] .oxd-icon {
  font-size: 10px;
  color: var(--oxd-primary-font-color);
}
.icon-md[data-v-f0b9ea30] {
  font-size: 1.7em;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-70d58f26] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-70d58f26] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-70d58f26] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-70d58f26] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-70d58f26] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-70d58f26] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-70d58f26] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-70d58f26] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-70d58f26] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-70d58f26]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-70d58f26] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-70d58f26] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-70d58f26] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-70d58f26] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-70d58f26] {
  background-image: none !important;
}
.oxd-text--h5[data-v-70d58f26] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-70d58f26] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-70d58f26] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-70d58f26] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-70d58f26] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-70d58f26] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-70d58f26],
.orangehrm-dialog-header-container[data-v-70d58f26] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-70d58f26],
.orangehrm-dialog-header-container .oxd-button[data-v-70d58f26] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-70d58f26] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-70d58f26] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-70d58f26] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-70d58f26] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-70d58f26] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-70d58f26] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-70d58f26] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-70d58f26] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-70d58f26] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-70d58f26] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-70d58f26] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-70d58f26] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-70d58f26] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-70d58f26] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-70d58f26] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-70d58f26] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-70d58f26] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-70d58f26] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-70d58f26] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-70d58f26] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-70d58f26] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-70d58f26] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-70d58f26] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-70d58f26] {
  color: #38455d;
}
.orangehrm-form-action[data-v-70d58f26] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-70d58f26] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-70d58f26] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-70d58f26] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-70d58f26] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-70d58f26] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* nunito-sans-200 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-300 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-regular - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-italic - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-600 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-700 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-800 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 800;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-900 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 900;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Global */
/* Input Control */
.oxd-navbar-nav[data-v-70d58f26] {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.oxd-sidepanel[data-v-70d58f26] {
  top: 0;
  height: 100%;
  position: fixed;
  background-color: #ffffff;
  border-bottom-right-radius: 35px;
  border-top-right-radius: 35px;
  box-shadow: 0px 25px 35px 0 rgba(0, 0, 0, 0.18);
  z-index: 230;
  transition: width 0.3s ease-in-out;
}
@media (min-width: 0px) {
.oxd-sidepanel[data-v-70d58f26] {
    width: 0;
}
}
@media (min-width: 800px) {
.oxd-sidepanel[data-v-70d58f26] {
    width: 16rem;
}
}
@media (min-width: 0px) {
.oxd-sidepanel.toggled[data-v-70d58f26] {
    width: 16rem;
}
}
@media (min-width: 800px) {
.oxd-sidepanel.toggled[data-v-70d58f26] {
    width: 5.2rem;
}
}
.oxd-sidepanel-header[data-v-70d58f26] {
  flex: none;
}
.oxd-sidepanel-header-close[data-v-70d58f26] {
  font-size: 1.5rem;
  right: 20px;
  top: 38px;
  position: absolute;
  cursor: pointer;
}
@media (min-width: 0px) {
.oxd-sidepanel-header-close[data-v-70d58f26] {
    display: block;
}
}
@media (min-width: 800px) {
.oxd-sidepanel-header-close[data-v-70d58f26] {
    display: none;
}
}
.oxd-sidepanel-header--menu-logo[data-v-70d58f26] {
  min-height: 2.5rem;
  padding: 0.5rem 0;
}
.oxd-sidepanel-header--menu-logo .oxd-sidepanel-header-close[data-v-70d58f26] {
  top: 1rem;
}
.oxd-sidepanel-body[data-v-70d58f26] {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-bottom: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-63379171] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-63379171] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-63379171] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-63379171] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-63379171] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-63379171] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-63379171] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-63379171] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-63379171] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-63379171]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-63379171] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-63379171] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-63379171] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-63379171] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-63379171] {
  background-image: none !important;
}
.oxd-text--h5[data-v-63379171] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-63379171] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-63379171] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-63379171] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-63379171] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-63379171] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-63379171],
.orangehrm-dialog-header-container[data-v-63379171] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-63379171],
.orangehrm-dialog-header-container .oxd-button[data-v-63379171] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-63379171] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-63379171] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-63379171] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-63379171] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-63379171] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-63379171] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-63379171] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-63379171] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-63379171] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-63379171] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-63379171] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-63379171] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-63379171] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-63379171] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-63379171] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-63379171] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-63379171] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-63379171] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-63379171] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-63379171] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-63379171] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-63379171] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-63379171] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-63379171] {
  color: #38455d;
}
.orangehrm-form-action[data-v-63379171] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-63379171] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-63379171] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-63379171] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-63379171] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-63379171] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* nunito-sans-200 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-300 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-regular - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-italic - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-600 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-700 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-800 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 800;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-900 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 900;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Global */
/* Input Control */
.oxd-layout[data-v-63379171] {
  position: relative;
}
.oxd-layout-container[data-v-63379171] {
  position: relative;
  overflow: hidden;
  width: calc(100% + 1px);
  margin-top: 100px;
}
@media (min-width: 800px) {
.oxd-layout-container[data-v-63379171] {
    overflow: unset;
    width: calc(100% - 16rem);
    margin-left: 16rem;
}
.oxd-layout-container.--collapse[data-v-63379171] {
    width: calc(100% - 5.2rem);
    margin-left: 5.2rem;
}
}
.oxd-layout-context[data-v-63379171] {
  min-height: 75vmin;
  padding-top: 2rem;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 800px) {
.oxd-layout-context[data-v-63379171] {
    padding-left: 48px;
    padding-right: 48px;
}
}
.oxd-layout-footer[data-v-63379171] {
  margin-top: 2rem;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 800px) {
.oxd-layout-footer[data-v-63379171] {
    padding-left: 48px;
    padding-right: 48px;
}
}
.oxd-layout-overlay[data-v-63379171] {
  z-index: 220;
}
@media (min-width: 0px) {
.oxd-layout-overlay[data-v-63379171] {
    display: flex;
}
}
@media (min-width: 800px) {
.oxd-layout-overlay[data-v-63379171] {
    display: none;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* nunito-sans-200 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 200;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-200.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-300 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 300;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-300.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-regular - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-regular.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-italic - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: italic;
  font-weight: 400;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-italic.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-600 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 600;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-600.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-700 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 700;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-700.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-800 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 800;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-800.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* nunito-sans-900 - latin-ext_latin */
@font-face {
  font-family: "Nunito Sans";
  font-style: normal;
  font-weight: 900;
  src: local(""), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff2) format("woff2"), url(../fonts/nunito-sans-v6-latin-ext_latin-900.woff) format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* Global */
/* Input Control */
body {
  display: block;
  margin: 0;
}
html,
body {
  height: 100%;
  background-color: #f6f5fb;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
html,
  body {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
#app,
#root {
  height: inherit;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-36c36f81] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-36c36f81] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-36c36f81] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-36c36f81] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-36c36f81] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-36c36f81] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-36c36f81] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-36c36f81] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-36c36f81] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-36c36f81]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-36c36f81] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-36c36f81] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-36c36f81] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-36c36f81] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-36c36f81] {
  background-image: none !important;
}
.oxd-text--h5[data-v-36c36f81] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-36c36f81] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-36c36f81] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-36c36f81] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-36c36f81] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-36c36f81] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-36c36f81],
.orangehrm-dialog-header-container[data-v-36c36f81] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-36c36f81],
.orangehrm-dialog-header-container .oxd-button[data-v-36c36f81] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-36c36f81] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-36c36f81] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-36c36f81] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-36c36f81] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-36c36f81] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-36c36f81] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-36c36f81] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-36c36f81] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-36c36f81] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-36c36f81] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-36c36f81] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-36c36f81] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-36c36f81] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-36c36f81] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-36c36f81] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-36c36f81] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-36c36f81] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-36c36f81] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-36c36f81] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-36c36f81] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-36c36f81] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-36c36f81] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-36c36f81] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-36c36f81] {
  color: #38455d;
}
.orangehrm-form-action[data-v-36c36f81] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-36c36f81] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-36c36f81] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-36c36f81] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-36c36f81] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-36c36f81] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-36c36f81] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-36c36f81] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-36c36f81] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-36c36f81] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-36c36f81] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-b54e39a4] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-b54e39a4] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-b54e39a4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-b54e39a4] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-b54e39a4] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-b54e39a4] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-b54e39a4] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-b54e39a4] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-b54e39a4] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-b54e39a4]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-b54e39a4] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-b54e39a4] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-b54e39a4] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-b54e39a4] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-b54e39a4] {
  background-image: none !important;
}
.oxd-text--h5[data-v-b54e39a4] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-b54e39a4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-b54e39a4] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-b54e39a4] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-b54e39a4] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-b54e39a4] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-b54e39a4],
.orangehrm-dialog-header-container[data-v-b54e39a4] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-b54e39a4],
.orangehrm-dialog-header-container .oxd-button[data-v-b54e39a4] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-b54e39a4] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-b54e39a4] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-b54e39a4] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-b54e39a4] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-b54e39a4] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-b54e39a4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-b54e39a4] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-b54e39a4] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-b54e39a4] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-b54e39a4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-b54e39a4] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-b54e39a4] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-b54e39a4] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-b54e39a4] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-b54e39a4] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-b54e39a4] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-b54e39a4] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-b54e39a4] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-b54e39a4] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-b54e39a4] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-b54e39a4] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-b54e39a4] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-b54e39a4] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-b54e39a4] {
  color: #38455d;
}
.orangehrm-form-action[data-v-b54e39a4] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-b54e39a4] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-b54e39a4] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-b54e39a4] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-b54e39a4] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-b54e39a4] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-disabled[data-v-b54e39a4] {
  text-align: center;
  margin-bottom: 1.2rem;
}
.orangehrm-module-disabled-heading[data-v-b54e39a4] {
  line-height: normal;
  color: var(--oxd-primary-one-color);
  font-weight: 800;
}
.orangehrm-module-disabled-sub-heading[data-v-b54e39a4] {
  margin-top: -1.5rem;
  padding-bottom: 1rem;
  color: var(--oxd-primary-one-color);
  font-weight: 600;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-ee9f49a4] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-ee9f49a4] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-ee9f49a4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-ee9f49a4] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-ee9f49a4] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-ee9f49a4] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-ee9f49a4] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-ee9f49a4] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-ee9f49a4] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-ee9f49a4]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-ee9f49a4] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-ee9f49a4] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-ee9f49a4] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-ee9f49a4] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-ee9f49a4] {
  background-image: none !important;
}
.oxd-text--h5[data-v-ee9f49a4] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-ee9f49a4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-ee9f49a4] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-ee9f49a4] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-ee9f49a4] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-ee9f49a4] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-ee9f49a4],
.orangehrm-dialog-header-container[data-v-ee9f49a4] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-ee9f49a4],
.orangehrm-dialog-header-container .oxd-button[data-v-ee9f49a4] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-ee9f49a4] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-ee9f49a4] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-ee9f49a4] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-ee9f49a4] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-ee9f49a4] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-ee9f49a4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-ee9f49a4] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-ee9f49a4] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-ee9f49a4] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-ee9f49a4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-ee9f49a4] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-ee9f49a4] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-ee9f49a4] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-ee9f49a4] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-ee9f49a4] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-ee9f49a4] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-ee9f49a4] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-ee9f49a4] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-ee9f49a4] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-ee9f49a4] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-ee9f49a4] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-ee9f49a4] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-ee9f49a4] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-ee9f49a4] {
  color: #38455d;
}
.orangehrm-form-action[data-v-ee9f49a4] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-ee9f49a4] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-ee9f49a4] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-ee9f49a4] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-ee9f49a4] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-ee9f49a4] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-modal-header[data-v-ee9f49a4] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-ee9f49a4] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-ee9f49a4] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-ee9f49a4] {
  text-align: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-d653c6ae] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-d653c6ae] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-d653c6ae] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-d653c6ae] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-d653c6ae] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-d653c6ae] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-d653c6ae] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-d653c6ae] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-d653c6ae] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-d653c6ae]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-d653c6ae] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-d653c6ae] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-d653c6ae] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-d653c6ae] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-d653c6ae] {
  background-image: none !important;
}
.oxd-text--h5[data-v-d653c6ae] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-d653c6ae] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-d653c6ae] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-d653c6ae] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-d653c6ae] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-d653c6ae] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-d653c6ae],
.orangehrm-dialog-header-container[data-v-d653c6ae] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-d653c6ae],
.orangehrm-dialog-header-container .oxd-button[data-v-d653c6ae] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-d653c6ae] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-d653c6ae] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-d653c6ae] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-d653c6ae] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-d653c6ae] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-d653c6ae] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-d653c6ae] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-d653c6ae] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-d653c6ae] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-d653c6ae] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-d653c6ae] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-d653c6ae] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-d653c6ae] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-d653c6ae] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-d653c6ae] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-d653c6ae] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-d653c6ae] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-d653c6ae] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-d653c6ae] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-d653c6ae] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-d653c6ae] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-d653c6ae] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-d653c6ae] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-d653c6ae] {
  color: #38455d;
}
.orangehrm-form-action[data-v-d653c6ae] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-d653c6ae] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-d653c6ae] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-d653c6ae] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-d653c6ae] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-d653c6ae] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-file-current[data-v-d653c6ae] {
  display: flex;
  margin-bottom: 1rem;
}
.orangehrm-file-icon[data-v-d653c6ae] {
  display: block;
  font-size: 3rem;
  margin-bottom: 0.5rem;
}
.orangehrm-file-download[data-v-d653c6ae] {
  font-size: 12px;
  margin-left: 10px;
  vertical-align: middle;
}
.orangehrm-file-name[data-v-d653c6ae] {
  display: block;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.orangehrm-file-options[data-v-d653c6ae] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-file-preview[data-v-d653c6ae] {
  padding: 0.5rem;
  cursor: pointer;
  min-height: 90px;
  min-width: 150px;
  text-align: center;
  border-radius: 0.5rem;
  margin-right: 1rem;
  justify-content: center;
  flex-direction: column;
  display: flex;
  align-items: center;
  border: 1px solid #cfd3de;
  background-color: #f6f5fb;
}
[data-v-d653c6ae] .--label-right {
  flex-shrink: 0;
  align-self: center;
}

.dept-row[data-v-64cf6105] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.dept-row > *[data-v-64cf6105] {
    flex: 1 1 300px;
}


.dept-row[data-v-2bcd1ff8] {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.dept-row > *[data-v-2bcd1ff8] {
    flex: 1 1 300px;
}


.m-container {
  height: 100%;
}
.p-multiselect {
  margin-top: 2px;
  padding: 2%;
  font-size: 11px;
  width: 100%;
}
.label {
  font-size: 13px;
}
.p-multiselect-items {
  font-size: 13px;
}


.past-employee-tag[data-v-597edb2c] {
  margin-left: auto;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-13a16b6b] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-13a16b6b] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-13a16b6b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-13a16b6b] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-13a16b6b] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-13a16b6b] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-13a16b6b] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-13a16b6b] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-13a16b6b] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-13a16b6b]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-13a16b6b] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-13a16b6b] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-13a16b6b] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-13a16b6b] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-13a16b6b] {
  background-image: none !important;
}
.oxd-text--h5[data-v-13a16b6b] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-13a16b6b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-13a16b6b] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-13a16b6b] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-13a16b6b] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-13a16b6b] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-13a16b6b],
.orangehrm-dialog-header-container[data-v-13a16b6b] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-13a16b6b],
.orangehrm-dialog-header-container .oxd-button[data-v-13a16b6b] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-13a16b6b] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-13a16b6b] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-13a16b6b] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-13a16b6b] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-13a16b6b] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-13a16b6b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-13a16b6b] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-13a16b6b] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-13a16b6b] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-13a16b6b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-13a16b6b] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-13a16b6b] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-13a16b6b] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-13a16b6b] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-13a16b6b] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-13a16b6b] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-13a16b6b] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-13a16b6b] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-13a16b6b] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-13a16b6b] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-13a16b6b] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-13a16b6b] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-13a16b6b] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-13a16b6b] {
  color: #38455d;
}
.orangehrm-form-action[data-v-13a16b6b] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-13a16b6b] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-13a16b6b] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-13a16b6b] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-13a16b6b] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-13a16b6b] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.user-password-row[data-v-13a16b6b] {
  padding: 10px;
  background-color: #fafafc;
  border-radius: 0.75rem;
}
.user-password-hint[data-v-13a16b6b] {
  font-size: 0.75rem;
}
.user-password-cell[data-v-13a16b6b] {
  position: relative;
}
.user-password-chip[data-v-13a16b6b] {
  font-family: "Nunito Sans";
  font-weight: 600;
  font-size: 0.75rem;
  position: absolute;
  right: 8px;
  top: -5px;
}
.user-password-chip.--green[data-v-13a16b6b] {
  background-color: #93b40f;
}

.level-label[data-v-fb312ae2] {
  font-size: 0.75rem;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-d67b583c] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-d67b583c] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-d67b583c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-d67b583c] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-d67b583c] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-d67b583c] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-d67b583c] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-d67b583c] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-d67b583c] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-d67b583c]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-d67b583c] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-d67b583c] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-d67b583c] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-d67b583c] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-d67b583c] {
  background-image: none !important;
}
.oxd-text--h5[data-v-d67b583c] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-d67b583c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-d67b583c] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-d67b583c] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-d67b583c] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-d67b583c] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-d67b583c],
.orangehrm-dialog-header-container[data-v-d67b583c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-d67b583c],
.orangehrm-dialog-header-container .oxd-button[data-v-d67b583c] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-d67b583c] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-d67b583c] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-d67b583c] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-d67b583c] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-d67b583c] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-d67b583c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-d67b583c] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-d67b583c] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-d67b583c] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-d67b583c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-d67b583c] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-d67b583c] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-d67b583c] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-d67b583c] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-d67b583c] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-d67b583c] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-d67b583c] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-d67b583c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-d67b583c] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-d67b583c] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-d67b583c] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-d67b583c] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-d67b583c] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-d67b583c] {
  color: #38455d;
}
.orangehrm-form-action[data-v-d67b583c] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-d67b583c] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-d67b583c] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-d67b583c] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-d67b583c] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-d67b583c] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.org-unit-logo-section[data-v-d67b583c] {
  display: flex;
  flex-direction: column;
}
.org-unit-logo-header[data-v-d67b583c] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-bottom: 0.75rem;
}
.org-unit-logo-title[data-v-d67b583c] {
  font-weight: 600;
  font-size: 0.875rem;
  margin: 0;
}
.org-unit-logo-badge[data-v-d67b583c] {
  font-size: 0.75rem;
  font-weight: 600;
  padding: 0.2rem 0.6rem;
  border-radius: 1rem;
}
.org-unit-logo-badge--uploaded[data-v-d67b583c] {
  background-color: #34bc40;
  color: #ffffff;
}
.org-unit-logo-badge--empty[data-v-d67b583c] {
  background-color: #e8eaef;
  color: #64728c;
}
.org-unit-logo-preview[data-v-d67b583c] {
  margin-bottom: 1rem;
  text-align: center;
}
.org-unit-logo-preview-image[data-v-d67b583c] {
  display: block;
  margin: 0 auto 0.5rem;
  max-width: 100%;
  max-height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
  padding: 0.5rem;
  border-radius: 0.5rem;
  border: 1px solid #cfd3de;
  background-color: #f6f5fb;
}
.org-unit-logo-filename[data-v-d67b583c] {
  font-size: 0.75rem;
  color: #64728c;
  margin: 0;
  word-break: break-all;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-8ece474a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-8ece474a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-8ece474a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-8ece474a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-8ece474a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-8ece474a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-8ece474a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-8ece474a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-8ece474a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-8ece474a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-8ece474a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-8ece474a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-8ece474a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-8ece474a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-8ece474a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-8ece474a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-8ece474a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-8ece474a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-8ece474a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-8ece474a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-8ece474a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-8ece474a],
.orangehrm-dialog-header-container[data-v-8ece474a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-8ece474a],
.orangehrm-dialog-header-container .oxd-button[data-v-8ece474a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-8ece474a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-8ece474a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-8ece474a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-8ece474a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-8ece474a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-8ece474a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-8ece474a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-8ece474a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-8ece474a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-8ece474a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-8ece474a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-8ece474a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-8ece474a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-8ece474a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-8ece474a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-8ece474a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-8ece474a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-8ece474a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-8ece474a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-8ece474a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-8ece474a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-8ece474a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-8ece474a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-8ece474a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-8ece474a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-8ece474a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-8ece474a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-8ece474a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-8ece474a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-8ece474a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.org-root-container[data-v-8ece474a] {
  padding: 0.5em 2.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}
.org-root-container .oxd-text[data-v-8ece474a] {
  position: relative;
  display: flex;
  align-items: center;
}
.org-root-container .oxd-text.--parent[data-v-8ece474a]::after {
  content: "";
  border-left: 0.15rem solid var(--oxd-primary-one-color);
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 0;
}
.org-root-container .oxd-text.--parent[data-v-8ece474a]::before {
  content: "";
  border-top: 0.15rem solid var(--oxd-primary-one-color);
  width: 1rem;
  margin-right: 0.5rem;
}
.org-container[data-v-8ece474a] {
  background-color: #e8eaef;
  padding: 0.5rem 2rem;
}
.org-container .loader[data-v-8ece474a] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem 0;
}
.org-container .loader .oxd-loading-spinner-container[data-v-8ece474a] {
  background-color: #ffffff;
}
.org-structure-card[data-v-8ece474a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  background-color: #ffffff;
  border-radius: 0.75rem;
  min-height: 35px;
}
.org-name[data-v-8ece474a] {
  overflow-wrap: break-word;
  word-break: break-all;
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.org-logo-indicator[data-v-8ece474a] {
  flex-shrink: 0;
  font-size: 1rem;
  color: var(--oxd-primary-one-color);
}
.org-structure-add[data-v-8ece474a] {
  min-width: unset;
  padding: 0.5rem 1rem;
}
.org-action[data-v-8ece474a] {
  display: flex;
}
.org-action-icon[data-v-8ece474a] {
  margin-right: 0.5rem;
}
.org-action-icon[data-v-8ece474a]:last-child {
  margin-right: unset;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.oxd-tree-node-content {
  width: 100%;
}
.oxd-tree-node-toggle .oxd-icon-button {
  background-color: #ffffff !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-f04c3e40] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-f04c3e40] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-f04c3e40] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-f04c3e40] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-f04c3e40] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-f04c3e40] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-f04c3e40] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-f04c3e40] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-f04c3e40] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-f04c3e40]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-f04c3e40] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-f04c3e40] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-f04c3e40] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-f04c3e40] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-f04c3e40] {
  background-image: none !important;
}
.oxd-text--h5[data-v-f04c3e40] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-f04c3e40] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-f04c3e40] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-f04c3e40] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-f04c3e40] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-f04c3e40] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-f04c3e40],
.orangehrm-dialog-header-container[data-v-f04c3e40] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-f04c3e40],
.orangehrm-dialog-header-container .oxd-button[data-v-f04c3e40] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-f04c3e40] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-f04c3e40] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-f04c3e40] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-f04c3e40] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-f04c3e40] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-f04c3e40] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-f04c3e40] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-f04c3e40] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-f04c3e40] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-f04c3e40] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-f04c3e40] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-f04c3e40] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-f04c3e40] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-f04c3e40] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-f04c3e40] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-f04c3e40] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-f04c3e40] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-f04c3e40] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-f04c3e40] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-f04c3e40] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-f04c3e40] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-f04c3e40] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-f04c3e40] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-f04c3e40] {
  color: #38455d;
}
.orangehrm-form-action[data-v-f04c3e40] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-f04c3e40] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-f04c3e40] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-f04c3e40] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-f04c3e40] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-f04c3e40] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.organization-name-container[data-v-f04c3e40] {
  grid-column: span 2;
}
.no-of-employees-value[data-v-f04c3e40] {
  font-size: 12px;
  padding: 0.675rem 0.5rem;
}
.orangehrm-header-container[data-v-f04c3e40] {
  padding: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-fe662600] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-fe662600] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-fe662600] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-fe662600] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-fe662600] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-fe662600] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-fe662600] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-fe662600] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-fe662600] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-fe662600]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-fe662600] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-fe662600] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-fe662600] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-fe662600] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-fe662600] {
  background-image: none !important;
}
.oxd-text--h5[data-v-fe662600] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-fe662600] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-fe662600] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-fe662600] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-fe662600] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-fe662600] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-fe662600],
.orangehrm-dialog-header-container[data-v-fe662600] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-fe662600],
.orangehrm-dialog-header-container .oxd-button[data-v-fe662600] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-fe662600] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-fe662600] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-fe662600] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-fe662600] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-fe662600] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-fe662600] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-fe662600] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-fe662600] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-fe662600] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-fe662600] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-fe662600] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-fe662600] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-fe662600] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-fe662600] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-fe662600] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-fe662600] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-fe662600] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-fe662600] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-fe662600] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-fe662600] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-fe662600] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-fe662600] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-fe662600] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-fe662600] {
  color: #38455d;
}
.orangehrm-form-action[data-v-fe662600] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-fe662600] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-fe662600] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-fe662600] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-fe662600] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-fe662600] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-fe662600] .--status-grouped-field {
  display: flex;
  max-width: 13rem;
}
.send-method-div[data-v-fe662600] {
  display: flex;
  flex-direction: row;
}
@media (max-width: 800px) {
.send-method-div[data-v-fe662600] {
    flex-direction: column;
}
}
.sendmail-path-value[data-v-fe662600] {
  font-size: 12px;
  padding: 0.675rem 0.5rem;
}
.orangehrm-optional-field-row[data-v-fe662600] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.orangehrm-optional-field-label[data-v-fe662600] {
  box-sizing: border-box;
  font-family: "Nunito Sans";
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.65rem;
  padding: 0.675rem 0.5rem;
  padding: 0;
  flex-basis: 50%;
}
.tls-hint[data-v-fe662600] {
  font-size: 0.75rem;
  margin-top: -0.8rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-b9ced11e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-b9ced11e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-b9ced11e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-b9ced11e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-b9ced11e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-b9ced11e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-b9ced11e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-b9ced11e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-b9ced11e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-b9ced11e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-b9ced11e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-b9ced11e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-b9ced11e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-b9ced11e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-b9ced11e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-b9ced11e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-b9ced11e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-b9ced11e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-b9ced11e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-b9ced11e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-b9ced11e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-b9ced11e],
.orangehrm-dialog-header-container[data-v-b9ced11e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-b9ced11e],
.orangehrm-dialog-header-container .oxd-button[data-v-b9ced11e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-b9ced11e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-b9ced11e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-b9ced11e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-b9ced11e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-b9ced11e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-b9ced11e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-b9ced11e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-b9ced11e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-b9ced11e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-b9ced11e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-b9ced11e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-b9ced11e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-b9ced11e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-b9ced11e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-b9ced11e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-b9ced11e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-b9ced11e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-b9ced11e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-b9ced11e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-b9ced11e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-b9ced11e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-b9ced11e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-b9ced11e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-b9ced11e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-b9ced11e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-b9ced11e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-b9ced11e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-b9ced11e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-b9ced11e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-b9ced11e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-action-header[data-v-b9ced11e] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
}
.orangehrm-action-header button[data-v-b9ced11e] {
  margin-left: 1rem;
  white-space: nowrap;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-31bd3d32] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-31bd3d32] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-31bd3d32] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-31bd3d32] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-31bd3d32] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-31bd3d32] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-31bd3d32] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-31bd3d32] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-31bd3d32] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-31bd3d32]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-31bd3d32] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-31bd3d32] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-31bd3d32] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-31bd3d32] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-31bd3d32] {
  background-image: none !important;
}
.oxd-text--h5[data-v-31bd3d32] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-31bd3d32] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-31bd3d32] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-31bd3d32] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-31bd3d32] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-31bd3d32] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-31bd3d32],
.orangehrm-dialog-header-container[data-v-31bd3d32] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-31bd3d32],
.orangehrm-dialog-header-container .oxd-button[data-v-31bd3d32] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-31bd3d32] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-31bd3d32] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-31bd3d32] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-31bd3d32] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-31bd3d32] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-31bd3d32] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-31bd3d32] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-31bd3d32] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-31bd3d32] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-31bd3d32] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-31bd3d32] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-31bd3d32] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-31bd3d32] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-31bd3d32] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-31bd3d32] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-31bd3d32] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-31bd3d32] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-31bd3d32] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-31bd3d32] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-31bd3d32] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-31bd3d32] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-31bd3d32] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-31bd3d32] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-31bd3d32] {
  color: #38455d;
}
.orangehrm-form-action[data-v-31bd3d32] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-31bd3d32] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-31bd3d32] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-31bd3d32] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-31bd3d32] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-31bd3d32] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-field-row[data-v-31bd3d32] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-module-field-label[data-v-31bd3d32] {
  box-sizing: border-box;
  font-family: "Nunito Sans";
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.65rem;
  padding: 0.675rem 0.5rem;
  padding: 0;
  flex-basis: 75%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-1d6b725f] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-1d6b725f] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-1d6b725f] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-1d6b725f] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-1d6b725f] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-1d6b725f] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-1d6b725f] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-1d6b725f] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-1d6b725f] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-1d6b725f]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-1d6b725f] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-1d6b725f] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-1d6b725f] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-1d6b725f] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-1d6b725f] {
  background-image: none !important;
}
.oxd-text--h5[data-v-1d6b725f] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-1d6b725f] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-1d6b725f] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-1d6b725f] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-1d6b725f] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-1d6b725f] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-1d6b725f],
.orangehrm-dialog-header-container[data-v-1d6b725f] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-1d6b725f],
.orangehrm-dialog-header-container .oxd-button[data-v-1d6b725f] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-1d6b725f] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-1d6b725f] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-1d6b725f] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-1d6b725f] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-1d6b725f] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-1d6b725f] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-1d6b725f] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-1d6b725f] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-1d6b725f] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-1d6b725f] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-1d6b725f] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-1d6b725f] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-1d6b725f] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-1d6b725f] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-1d6b725f] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-1d6b725f] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-1d6b725f] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-1d6b725f] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-1d6b725f] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-1d6b725f] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-1d6b725f] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-1d6b725f] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-1d6b725f] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-1d6b725f] {
  color: #38455d;
}
.orangehrm-form-action[data-v-1d6b725f] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-1d6b725f] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-1d6b725f] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-1d6b725f] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-1d6b725f] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-1d6b725f] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.action-buttons[data-v-1d6b725f] {
  display: flex;
  gap: 10px;
}
.action-buttons .hidden[data-v-1d6b725f] {
  display: none;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-06b22cdb] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-06b22cdb] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-06b22cdb] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-06b22cdb] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-06b22cdb] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-06b22cdb] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-06b22cdb] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-06b22cdb] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-06b22cdb] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-06b22cdb]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-06b22cdb] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-06b22cdb] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-06b22cdb] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-06b22cdb] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-06b22cdb] {
  background-image: none !important;
}
.oxd-text--h5[data-v-06b22cdb] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-06b22cdb] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-06b22cdb] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-06b22cdb] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-06b22cdb] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-06b22cdb] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-06b22cdb],
.orangehrm-dialog-header-container[data-v-06b22cdb] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-06b22cdb],
.orangehrm-dialog-header-container .oxd-button[data-v-06b22cdb] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-06b22cdb] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-06b22cdb] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-06b22cdb] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-06b22cdb] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-06b22cdb] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-06b22cdb] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-06b22cdb] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-06b22cdb] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-06b22cdb] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-06b22cdb] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-06b22cdb] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-06b22cdb] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-06b22cdb] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-06b22cdb] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-06b22cdb] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-06b22cdb] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-06b22cdb] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-06b22cdb] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-06b22cdb] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-06b22cdb] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-06b22cdb] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-06b22cdb] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-06b22cdb] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-06b22cdb] {
  color: #38455d;
}
.orangehrm-form-action[data-v-06b22cdb] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-06b22cdb] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-06b22cdb] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-06b22cdb] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-06b22cdb] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-06b22cdb] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-06b22cdb] .oxd-input-group__label-wrapper {
  display: none;
}
[data-v-06b22cdb] .orangehrm-color-input-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.color-picker[data-v-06b22cdb] {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.color-swatch[data-v-06b22cdb] {
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid #ccc;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
}
.oxd-input-field-bottom-space[data-v-06b22cdb] {
  margin-bottom: 1rem;
}
.selected-swatch[data-v-06b22cdb] {
  border: 2px solid black;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-572c4e3c] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-572c4e3c] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-572c4e3c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-572c4e3c] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-572c4e3c] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-572c4e3c] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-572c4e3c] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-572c4e3c] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-572c4e3c] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-572c4e3c]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-572c4e3c] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-572c4e3c] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-572c4e3c] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-572c4e3c] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-572c4e3c] {
  background-image: none !important;
}
.oxd-text--h5[data-v-572c4e3c] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-572c4e3c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-572c4e3c] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-572c4e3c] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-572c4e3c] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-572c4e3c] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-572c4e3c],
.orangehrm-dialog-header-container[data-v-572c4e3c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-572c4e3c],
.orangehrm-dialog-header-container .oxd-button[data-v-572c4e3c] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-572c4e3c] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-572c4e3c] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-572c4e3c] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-572c4e3c] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-572c4e3c] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-572c4e3c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-572c4e3c] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-572c4e3c] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-572c4e3c] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-572c4e3c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-572c4e3c] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-572c4e3c] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-572c4e3c] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-572c4e3c] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-572c4e3c] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-572c4e3c] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-572c4e3c] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-572c4e3c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-572c4e3c] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-572c4e3c] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-572c4e3c] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-572c4e3c] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-572c4e3c] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-572c4e3c] {
  color: #38455d;
}
.orangehrm-form-action[data-v-572c4e3c] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-572c4e3c] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-572c4e3c] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-572c4e3c] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-572c4e3c] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-572c4e3c] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-workshift-duration[data-v-572c4e3c] {
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.title-work-hours[data-v-572c4e3c] {
  display: block;
  font-size: 0.8em;
  padding-bottom: 2%;
  font-weight: bold;
}
.switch-text-compressed-workweek[data-v-572c4e3c] {
  font-size: 12px;
  font-weight: 600;
}
.oxd-color-input .oxd-color-input--active[data-v-572c4e3c] {
  margin-right: 51%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-88a08d16] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-88a08d16] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-88a08d16] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-88a08d16] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-88a08d16] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-88a08d16] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-88a08d16] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-88a08d16] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-88a08d16] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-88a08d16]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-88a08d16] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-88a08d16] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-88a08d16] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-88a08d16] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-88a08d16] {
  background-image: none !important;
}
.oxd-text--h5[data-v-88a08d16] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-88a08d16] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-88a08d16] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-88a08d16] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-88a08d16] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-88a08d16] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-88a08d16],
.orangehrm-dialog-header-container[data-v-88a08d16] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-88a08d16],
.orangehrm-dialog-header-container .oxd-button[data-v-88a08d16] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-88a08d16] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-88a08d16] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-88a08d16] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-88a08d16] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-88a08d16] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-88a08d16] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-88a08d16] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-88a08d16] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-88a08d16] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-88a08d16] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-88a08d16] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-88a08d16] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-88a08d16] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-88a08d16] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-88a08d16] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-88a08d16] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-88a08d16] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-88a08d16] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-88a08d16] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-88a08d16] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-88a08d16] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-88a08d16] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-88a08d16] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-88a08d16] {
  color: #38455d;
}
.orangehrm-form-action[data-v-88a08d16] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-88a08d16] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-88a08d16] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-88a08d16] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-88a08d16] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-88a08d16] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-workshift-duration[data-v-88a08d16] {
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.title-work-hours[data-v-88a08d16] {
  display: block;
  font-size: 0.8em;
  padding-bottom: 2%;
  font-weight: bold;
}
.switch-text-compressed-workweek[data-v-88a08d16] {
  font-size: 12px;
  font-weight: 600;
}
.oxd-color-input .oxd-color-input--active[data-v-88a08d16] {
  margin-right: 51%;
}

.level-label[data-v-c22f8942] {
  font-size: 0.75rem;
}


.level-label[data-v-bf4325a8] {
  font-size: 0.75rem;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-282a7d50] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-282a7d50] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-282a7d50] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-282a7d50] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-282a7d50] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-282a7d50] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-282a7d50] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-282a7d50] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-282a7d50] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-282a7d50]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-282a7d50] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-282a7d50] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-282a7d50] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-282a7d50] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-282a7d50] {
  background-image: none !important;
}
.oxd-text--h5[data-v-282a7d50] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-282a7d50] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-282a7d50] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-282a7d50] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-282a7d50] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-282a7d50] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-282a7d50],
.orangehrm-dialog-header-container[data-v-282a7d50] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-282a7d50],
.orangehrm-dialog-header-container .oxd-button[data-v-282a7d50] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-282a7d50] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-282a7d50] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-282a7d50] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-282a7d50] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-282a7d50] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-282a7d50] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-282a7d50] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-282a7d50] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-282a7d50] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-282a7d50] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-282a7d50] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-282a7d50] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-282a7d50] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-282a7d50] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-282a7d50] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-282a7d50] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-282a7d50] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-282a7d50] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-282a7d50] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-282a7d50] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-282a7d50] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-282a7d50] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-282a7d50] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-282a7d50] {
  color: #38455d;
}
.orangehrm-form-action[data-v-282a7d50] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-282a7d50] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-282a7d50] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-282a7d50] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-282a7d50] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-282a7d50] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-282a7d50] .oxd-input-group__label-wrapper {
  display: none;
}
[data-v-282a7d50] .orangehrm-color-input-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[data-v-282a7d50] .oxd-color-input {
  padding: 2px;
  flex-shrink: 0;
}
.oxd-input-field-bottom-space[data-v-282a7d50] {
  margin-bottom: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-154db8bd] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-154db8bd] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-154db8bd] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-154db8bd] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-154db8bd] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-154db8bd] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-154db8bd] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-154db8bd] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-154db8bd] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-154db8bd]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-154db8bd] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-154db8bd] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-154db8bd] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-154db8bd] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-154db8bd] {
  background-image: none !important;
}
.oxd-text--h5[data-v-154db8bd] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-154db8bd] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-154db8bd] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-154db8bd] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-154db8bd] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-154db8bd] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-154db8bd],
.orangehrm-dialog-header-container[data-v-154db8bd] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-154db8bd],
.orangehrm-dialog-header-container .oxd-button[data-v-154db8bd] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-154db8bd] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-154db8bd] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-154db8bd] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-154db8bd] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-154db8bd] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-154db8bd] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-154db8bd] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-154db8bd] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-154db8bd] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-154db8bd] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-154db8bd] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-154db8bd] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-154db8bd] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-154db8bd] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-154db8bd] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-154db8bd] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-154db8bd] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-154db8bd] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-154db8bd] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-154db8bd] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-154db8bd] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-154db8bd] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-154db8bd] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-154db8bd] {
  color: #38455d;
}
.orangehrm-form-action[data-v-154db8bd] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-154db8bd] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-154db8bd] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-154db8bd] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-154db8bd] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-154db8bd] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-actions-group[data-v-154db8bd] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-actions-group[data-v-154db8bd] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-actions-group[data-v-154db8bd] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-actions-group[data-v-154db8bd] .oxd-button--medium {
    width: unset;
}
}
.orangehrm-sm-field[data-v-154db8bd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.675rem 0rem;
}
.orangehrm-sm-field-label[data-v-154db8bd] {
  font-weight: 700;
  font-size: 12px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-614bc4c4] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-614bc4c4] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-614bc4c4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-614bc4c4] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-614bc4c4] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-614bc4c4] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-614bc4c4] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-614bc4c4] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-614bc4c4] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-614bc4c4]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-614bc4c4] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-614bc4c4] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-614bc4c4] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-614bc4c4] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-614bc4c4] {
  background-image: none !important;
}
.oxd-text--h5[data-v-614bc4c4] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-614bc4c4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-614bc4c4] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-614bc4c4] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-614bc4c4] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-614bc4c4] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-614bc4c4],
.orangehrm-dialog-header-container[data-v-614bc4c4] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-614bc4c4],
.orangehrm-dialog-header-container .oxd-button[data-v-614bc4c4] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-614bc4c4] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-614bc4c4] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-614bc4c4] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-614bc4c4] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-614bc4c4] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-614bc4c4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-614bc4c4] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-614bc4c4] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-614bc4c4] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-614bc4c4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-614bc4c4] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-614bc4c4] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-614bc4c4] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-614bc4c4] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-614bc4c4] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-614bc4c4] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-614bc4c4] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-614bc4c4] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-614bc4c4] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-614bc4c4] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-614bc4c4] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-614bc4c4] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-614bc4c4] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-614bc4c4] {
  color: #38455d;
}
.orangehrm-form-action[data-v-614bc4c4] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-614bc4c4] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-614bc4c4] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-614bc4c4] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-614bc4c4] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-614bc4c4] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.addlanguage-note[data-v-614bc4c4] {
  background-color: #e8eaef;
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.addlanguage-note-text[data-v-614bc4c4] {
  padding: 1.2rem;
}
.orangehrm-information-card-text[data-v-614bc4c4] {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}
[data-v-614bc4c4] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5e6f8f99] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5e6f8f99] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5e6f8f99] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5e6f8f99] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5e6f8f99] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5e6f8f99] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5e6f8f99] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5e6f8f99] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5e6f8f99] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5e6f8f99]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5e6f8f99] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5e6f8f99] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5e6f8f99] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5e6f8f99] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5e6f8f99] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5e6f8f99] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5e6f8f99] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5e6f8f99] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5e6f8f99] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5e6f8f99] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5e6f8f99] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5e6f8f99],
.orangehrm-dialog-header-container[data-v-5e6f8f99] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5e6f8f99],
.orangehrm-dialog-header-container .oxd-button[data-v-5e6f8f99] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5e6f8f99] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5e6f8f99] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5e6f8f99] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5e6f8f99] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5e6f8f99] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5e6f8f99] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5e6f8f99] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5e6f8f99] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5e6f8f99] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5e6f8f99] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5e6f8f99] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5e6f8f99] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5e6f8f99] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5e6f8f99] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5e6f8f99] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5e6f8f99] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5e6f8f99] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5e6f8f99] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5e6f8f99] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5e6f8f99] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5e6f8f99] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5e6f8f99] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5e6f8f99] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5e6f8f99] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5e6f8f99] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5e6f8f99] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5e6f8f99] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5e6f8f99] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5e6f8f99] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5e6f8f99] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.addlanguage-note[data-v-5e6f8f99] {
  background-color: #e8eaef;
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.addlanguage-note-text[data-v-5e6f8f99] {
  padding: 1.2rem;
}
.orangehrm-information-card-text[data-v-5e6f8f99] {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}
[data-v-5e6f8f99] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6a1c51f7] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6a1c51f7] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6a1c51f7] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6a1c51f7] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6a1c51f7] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6a1c51f7] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6a1c51f7] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6a1c51f7] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6a1c51f7] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6a1c51f7]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6a1c51f7] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6a1c51f7] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6a1c51f7] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6a1c51f7] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6a1c51f7] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6a1c51f7] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6a1c51f7] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6a1c51f7] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6a1c51f7] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6a1c51f7] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6a1c51f7] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6a1c51f7],
.orangehrm-dialog-header-container[data-v-6a1c51f7] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6a1c51f7],
.orangehrm-dialog-header-container .oxd-button[data-v-6a1c51f7] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6a1c51f7] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6a1c51f7] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6a1c51f7] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6a1c51f7] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6a1c51f7] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6a1c51f7] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6a1c51f7] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6a1c51f7] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6a1c51f7] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6a1c51f7] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6a1c51f7] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6a1c51f7] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6a1c51f7] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6a1c51f7] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6a1c51f7] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6a1c51f7] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6a1c51f7] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6a1c51f7] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6a1c51f7] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6a1c51f7] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6a1c51f7] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6a1c51f7] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6a1c51f7] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6a1c51f7] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6a1c51f7] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6a1c51f7] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6a1c51f7] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6a1c51f7] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6a1c51f7] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6a1c51f7] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-translation-container[data-v-6a1c51f7] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-translation-grid[data-v-6a1c51f7] {
  padding-top: 0.5rem;
}
@media (min-width: 600px) {
.orangehrm-translation-grid[data-v-6a1c51f7] {
    grid-template-columns: 1fr;
}
}
@media (min-width: 1000px) {
.orangehrm-translation-grid[data-v-6a1c51f7] {
    grid-template-columns: repeat(3, 1fr);
}
}
.orangehrm-translation-grid-header[data-v-6a1c51f7] {
  display: none;
  margin-bottom: 1rem;
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-header[data-v-6a1c51f7] {
    display: block;
}
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-langstring-header[data-v-6a1c51f7] {
    display: none;
}
}
.orangehrm-translation-grid-langstring-header-note[data-v-6a1c51f7] {
  display: none;
}
.orangehrm-translation-grid-text[data-v-6a1c51f7] {
  font-size: 0.75rem;
}
.oxd-text--card-title[data-v-6a1c51f7] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.oxd-text--card-title[data-v-6a1c51f7] {
    padding-bottom: 1rem;
}
}
@media (min-width: 1000px) {
.note[data-v-6a1c51f7] {
    display: none;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4b47b28f] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4b47b28f] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4b47b28f] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4b47b28f] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4b47b28f] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4b47b28f] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4b47b28f] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4b47b28f] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4b47b28f] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4b47b28f]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4b47b28f] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4b47b28f] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4b47b28f] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4b47b28f] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4b47b28f] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4b47b28f] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4b47b28f] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4b47b28f] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4b47b28f] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4b47b28f] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4b47b28f] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4b47b28f],
.orangehrm-dialog-header-container[data-v-4b47b28f] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4b47b28f],
.orangehrm-dialog-header-container .oxd-button[data-v-4b47b28f] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4b47b28f] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4b47b28f] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4b47b28f] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4b47b28f] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4b47b28f] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4b47b28f] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4b47b28f] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4b47b28f] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4b47b28f] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4b47b28f] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4b47b28f] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4b47b28f] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4b47b28f] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4b47b28f] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4b47b28f] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4b47b28f] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4b47b28f] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4b47b28f] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4b47b28f] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4b47b28f] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4b47b28f] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4b47b28f] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4b47b28f] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4b47b28f] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4b47b28f] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4b47b28f] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4b47b28f] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4b47b28f] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4b47b28f] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4b47b28f] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-header-container[data-v-4b47b28f] {
  justify-content: end;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-b7a3a5e0] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-b7a3a5e0] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-b7a3a5e0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-b7a3a5e0] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-b7a3a5e0] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-b7a3a5e0] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-b7a3a5e0] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-b7a3a5e0] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-b7a3a5e0] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-b7a3a5e0]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-b7a3a5e0] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-b7a3a5e0] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-b7a3a5e0] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-b7a3a5e0] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-b7a3a5e0] {
  background-image: none !important;
}
.oxd-text--h5[data-v-b7a3a5e0] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-b7a3a5e0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-b7a3a5e0] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-b7a3a5e0] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-b7a3a5e0] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-b7a3a5e0] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-b7a3a5e0],
.orangehrm-dialog-header-container[data-v-b7a3a5e0] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-b7a3a5e0],
.orangehrm-dialog-header-container .oxd-button[data-v-b7a3a5e0] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-b7a3a5e0] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-b7a3a5e0] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-b7a3a5e0] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-b7a3a5e0] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-b7a3a5e0] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-b7a3a5e0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-b7a3a5e0] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-b7a3a5e0] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-b7a3a5e0] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-b7a3a5e0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-b7a3a5e0] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-b7a3a5e0] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-b7a3a5e0] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-b7a3a5e0] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-b7a3a5e0] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-b7a3a5e0] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-b7a3a5e0] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-b7a3a5e0] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-b7a3a5e0] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-b7a3a5e0] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-b7a3a5e0] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-b7a3a5e0] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-b7a3a5e0] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-b7a3a5e0] {
  color: #38455d;
}
.orangehrm-form-action[data-v-b7a3a5e0] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-b7a3a5e0] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-b7a3a5e0] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-b7a3a5e0] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-b7a3a5e0] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-b7a3a5e0] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-ldap-sync[data-v-b7a3a5e0] {
  display: flex;
  flex-direction: column;
}
@media (min-width: 800px) {
.orangehrm-ldap-sync[data-v-b7a3a5e0] {
    flex-direction: row;
    align-items: center;
}
.orangehrm-ldap-sync-time[data-v-b7a3a5e0] {
    margin-left: 1rem;
}
}
.orangehrm-ldap-sync-button[data-v-b7a3a5e0] {
  white-space: normal !important;
}
.orangehrm-ldap-sync-loader[data-v-b7a3a5e0] {
  margin: 0 2rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-a109e854] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-a109e854] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-a109e854] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-a109e854] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-a109e854] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-a109e854] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-a109e854] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-a109e854] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-a109e854] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-a109e854]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-a109e854] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-a109e854] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-a109e854] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-a109e854] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-a109e854] {
  background-image: none !important;
}
.oxd-text--h5[data-v-a109e854] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-a109e854] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-a109e854] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-a109e854] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-a109e854] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-a109e854] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-a109e854],
.orangehrm-dialog-header-container[data-v-a109e854] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-a109e854],
.orangehrm-dialog-header-container .oxd-button[data-v-a109e854] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-a109e854] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-a109e854] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-a109e854] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-a109e854] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-a109e854] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-a109e854] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-a109e854] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-a109e854] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-a109e854] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-a109e854] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-a109e854] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-a109e854] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-a109e854] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-a109e854] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-a109e854] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-a109e854] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-a109e854] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-a109e854] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-a109e854] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-a109e854] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-a109e854] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-a109e854] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-a109e854] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-a109e854] {
  color: #38455d;
}
.orangehrm-form-action[data-v-a109e854] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-a109e854] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-a109e854] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-a109e854] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-a109e854] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-a109e854] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-ldap-test[data-v-a109e854] {
  margin-bottom: 0.75rem;
}
.orangehrm-ldap-test-title[data-v-a109e854] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.orangehrm-ldap-test-value.--success[data-v-a109e854] {
  color: #34bc40;
}
.orangehrm-ldap-test-value.--error[data-v-a109e854] {
  color: #eb0910;
}
.orangehrm-ldap-test-row[data-v-a109e854] {
  width: 100%;
  display: flex;
  font-size: 14px;
  margin-bottom: 0.2rem;
}
.orangehrm-ldap-test-content[data-v-a109e854] {
  flex: 1;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4be44c8b] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4be44c8b] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4be44c8b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4be44c8b] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4be44c8b] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4be44c8b] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4be44c8b] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4be44c8b] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4be44c8b] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4be44c8b]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4be44c8b] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4be44c8b] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4be44c8b] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4be44c8b] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4be44c8b] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4be44c8b] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4be44c8b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4be44c8b] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4be44c8b] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4be44c8b] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4be44c8b] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4be44c8b],
.orangehrm-dialog-header-container[data-v-4be44c8b] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4be44c8b],
.orangehrm-dialog-header-container .oxd-button[data-v-4be44c8b] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4be44c8b] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4be44c8b] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4be44c8b] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4be44c8b] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4be44c8b] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4be44c8b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4be44c8b] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4be44c8b] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4be44c8b] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4be44c8b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4be44c8b] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4be44c8b] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4be44c8b] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4be44c8b] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4be44c8b] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4be44c8b] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4be44c8b] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4be44c8b] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4be44c8b] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4be44c8b] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4be44c8b] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4be44c8b] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4be44c8b] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4be44c8b] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4be44c8b] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4be44c8b] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4be44c8b] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4be44c8b] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4be44c8b] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4be44c8b] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-header-container[data-v-4be44c8b] {
  padding: 0;
}
.orangehrm-column-half[data-v-4be44c8b] {
  width: 50%;
}
.orangehrm-form-divider[data-v-4be44c8b] {
  margin: 1rem 0;
}
.orangehrm-subtitle[data-v-4be44c8b] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 1rem;
}
.orangehrm-ldap-switch[data-v-4be44c8b] {
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.orangehrm-ldap-switch-text[data-v-4be44c8b] {
  font-size: 12px;
}
.orangehrm-ldap-grid[data-v-4be44c8b] {
  grid-template-columns: repeat(3, 1fr);
}
.orangehrm-ldap-grid-header[data-v-4be44c8b] {
  font-size: 12px;
  font-weight: 700;
  align-self: start;
  margin-bottom: 1rem;
}
.orangehrm-ldap-grid-content[data-v-4be44c8b] {
  font-size: 12px;
  position: relative;
}
.orangehrm-ldap-grid-icon[data-v-4be44c8b] {
  right: 0;
  font-size: 18px;
  position: absolute;
}
.orangehrm-ldap-grid[data-v-4be44c8b] .oxd-input-group__label-wrapper {
  display: none;
}
.orangehrm-ldap-grid[data-v-4be44c8b] .oxd-switch-wrapper {
  margin-top: 0.75rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-36e067c8] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-36e067c8] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-36e067c8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-36e067c8] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-36e067c8] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-36e067c8] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-36e067c8] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-36e067c8] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-36e067c8] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-36e067c8]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-36e067c8] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-36e067c8] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-36e067c8] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-36e067c8] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-36e067c8] {
  background-image: none !important;
}
.oxd-text--h5[data-v-36e067c8] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-36e067c8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-36e067c8] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-36e067c8] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-36e067c8] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-36e067c8] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-36e067c8],
.orangehrm-dialog-header-container[data-v-36e067c8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-36e067c8],
.orangehrm-dialog-header-container .oxd-button[data-v-36e067c8] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-36e067c8] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-36e067c8] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-36e067c8] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-36e067c8] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-36e067c8] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-36e067c8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-36e067c8] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-36e067c8] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-36e067c8] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-36e067c8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-36e067c8] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-36e067c8] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-36e067c8] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-36e067c8] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-36e067c8] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-36e067c8] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-36e067c8] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-36e067c8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-36e067c8] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-36e067c8] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-36e067c8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-36e067c8] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-36e067c8] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-36e067c8] {
  color: #38455d;
}
.orangehrm-form-action[data-v-36e067c8] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-36e067c8] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-36e067c8] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-36e067c8] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-36e067c8] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-36e067c8] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.permission-dropdown[data-v-36e067c8] {
  margin-bottom: 1rem;
}
.permission-dropdown .oxd-input-field-bottom-space[data-v-36e067c8] {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-ae4f9b4a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-ae4f9b4a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-ae4f9b4a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-ae4f9b4a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-ae4f9b4a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-ae4f9b4a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-ae4f9b4a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-ae4f9b4a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-ae4f9b4a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-ae4f9b4a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-ae4f9b4a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-ae4f9b4a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-ae4f9b4a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-ae4f9b4a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-ae4f9b4a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-ae4f9b4a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-ae4f9b4a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-ae4f9b4a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-ae4f9b4a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-ae4f9b4a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-ae4f9b4a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-ae4f9b4a],
.orangehrm-dialog-header-container[data-v-ae4f9b4a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-ae4f9b4a],
.orangehrm-dialog-header-container .oxd-button[data-v-ae4f9b4a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-ae4f9b4a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-ae4f9b4a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-ae4f9b4a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-ae4f9b4a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-ae4f9b4a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-ae4f9b4a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-ae4f9b4a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-ae4f9b4a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-ae4f9b4a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-ae4f9b4a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-ae4f9b4a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-ae4f9b4a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-ae4f9b4a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-ae4f9b4a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-ae4f9b4a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-ae4f9b4a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-ae4f9b4a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-ae4f9b4a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-ae4f9b4a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-ae4f9b4a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-ae4f9b4a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-ae4f9b4a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-ae4f9b4a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-ae4f9b4a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-ae4f9b4a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-ae4f9b4a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-ae4f9b4a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-ae4f9b4a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-ae4f9b4a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-ae4f9b4a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.permission-dropdowns[data-v-ae4f9b4a] {
  margin-top: 15px;
  margin-bottom: 15px;
}
.permission-dropdowns .permission-dropdowns-grid[data-v-ae4f9b4a] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: start;
}
.permission-dropdowns .permission-dropdowns-grid .permission-dropdown-item[data-v-ae4f9b4a] {
  width: 100%;
}
.permission-dropdowns .permission-dropdowns-grid .permission-dropdown-item .permission-dropdown[data-v-ae4f9b4a] {
  margin-bottom: 0;
  width: 100%;
}
.permission-dropdowns .permission-dropdowns-grid .permission-dropdown-item .permission-dropdown[data-v-ae4f9b4a] .oxd-input-field-bottom-space {
  width: 100% !important;
}
.permission-dropdowns .permission-dropdowns-grid .permission-dropdown-item .permission-dropdown[data-v-ae4f9b4a] .oxd-input-field {
  width: 100%;
}
.permission-dropdowns .permission-dropdowns-grid .permission-dropdown-item .permission-dropdown[data-v-ae4f9b4a] .oxd-input-field__input {
  width: 100%;
}
.permission-dropdowns .permission-dropdowns-grid .permission-dropdown-item .permission-dropdown[data-v-ae4f9b4a] .oxd-input-field__wrapper {
  width: 100%;
}
.permission-dropdowns .permission-dropdowns-grid .permission-dropdown-item .permission-dropdown[data-v-ae4f9b4a] .oxd-select-text {
  width: 100%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4173257e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4173257e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4173257e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4173257e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4173257e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4173257e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4173257e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4173257e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4173257e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4173257e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4173257e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4173257e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4173257e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4173257e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4173257e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4173257e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4173257e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4173257e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4173257e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4173257e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4173257e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4173257e],
.orangehrm-dialog-header-container[data-v-4173257e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4173257e],
.orangehrm-dialog-header-container .oxd-button[data-v-4173257e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4173257e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4173257e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4173257e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4173257e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4173257e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4173257e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4173257e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4173257e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4173257e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4173257e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4173257e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4173257e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4173257e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4173257e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4173257e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4173257e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4173257e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4173257e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4173257e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4173257e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4173257e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4173257e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4173257e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4173257e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4173257e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4173257e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4173257e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4173257e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4173257e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4173257e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.permission-section .parent-wrapper[data-v-4173257e],
.permission-section .menu-wrapper[data-v-4173257e] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15px;
  color: #64728c;
  border: 1px solid #e8eaef;
  border-radius: 5px;
  padding: 8px 10px;
}
.permission-section .parent-wrapper .top-holder[data-v-4173257e],
.permission-section .menu-wrapper .top-holder[data-v-4173257e] {
  display: flex;
  justify-content: space-between;
}
.permission-section .parent-wrapper.active-color[data-v-4173257e],
.permission-section .menu-wrapper.active-color[data-v-4173257e] {
  border: 1px solid #84d225;
}
.permission-section .parent-wrapper .custom-dropdown[data-v-4173257e],
.permission-section .menu-wrapper .custom-dropdown[data-v-4173257e] {
  transition: transform 0.5s ease-in-out;
}
.permission-section .parent-wrapper .dropdown-icon[data-v-4173257e],
.permission-section .menu-wrapper .dropdown-icon[data-v-4173257e] {
  transform: rotate(180deg);
}
.permission-section .parent-wrapper .access-container[data-v-4173257e],
.permission-section .menu-wrapper .access-container[data-v-4173257e] {
  margin-top: 20px;
  display: grid;
  grid-gap: 6px;
  grid-template-columns: 1fr;
}
.permission-section .parent-wrapper .access-container .screen-label[data-v-4173257e],
.permission-section .menu-wrapper .access-container .screen-label[data-v-4173257e] {
  font-size: 14px;
}
.permission-section .parent-wrapper .access-container .screen-access-control[data-v-4173257e],
.permission-section .menu-wrapper .access-container .screen-access-control[data-v-4173257e] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.permission-section .menu-wrapper-main[data-v-4173257e] {
  display: grid;
  row-gap: 7px;
}
.permission-section .parent-wrapper[data-v-4173257e] {
  display: grid;
  row-gap: 10px;
}
.permission-section .action-menu-button[data-v-4173257e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.permission-section .action-menu-button .show-menu-button[data-v-4173257e] {
  cursor: pointer;
  color: #84d225;
  font-weight: 400;
  font-size: 12px;
  white-space: nowrap;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-fd7b7142] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-fd7b7142] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-fd7b7142] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-fd7b7142] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-fd7b7142] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-fd7b7142] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-fd7b7142] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-fd7b7142] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-fd7b7142] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-fd7b7142]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-fd7b7142] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-fd7b7142] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-fd7b7142] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-fd7b7142] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-fd7b7142] {
  background-image: none !important;
}
.oxd-text--h5[data-v-fd7b7142] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-fd7b7142] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-fd7b7142] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-fd7b7142] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-fd7b7142] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-fd7b7142] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-fd7b7142],
.orangehrm-dialog-header-container[data-v-fd7b7142] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-fd7b7142],
.orangehrm-dialog-header-container .oxd-button[data-v-fd7b7142] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-fd7b7142] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-fd7b7142] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-fd7b7142] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-fd7b7142] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-fd7b7142] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-fd7b7142] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-fd7b7142] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-fd7b7142] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-fd7b7142] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-fd7b7142] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-fd7b7142] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-fd7b7142] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-fd7b7142] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-fd7b7142] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-fd7b7142] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-fd7b7142] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-fd7b7142] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-fd7b7142] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-fd7b7142] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-fd7b7142] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-fd7b7142] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-fd7b7142] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-fd7b7142] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-fd7b7142] {
  color: #38455d;
}
.orangehrm-form-action[data-v-fd7b7142] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-fd7b7142] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-fd7b7142] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-fd7b7142] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-fd7b7142] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-fd7b7142] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-fd7b7142] .--assignable-grouped-field {
  display: flex;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.access-rights-container {
  margin: 50px auto;
}
.access-rights-container .access-rights-inside-container {
  display: grid;
  row-gap: 7px;
}
.access-rights-container .access-rights-inside-container .action-menu-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.access-rights-container .access-rights-inside-container .action-menu-button .show-menu-button {
  cursor: pointer;
  color: #84d225;
  font-weight: 400;
  font-size: 12px;
  white-space: nowrap;
}
.save-user-role-style .parent-wrapper,
.save-user-role-style .menu-wrapper {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15px;
  color: #64728c;
  border: 1px solid #e8eaef;
  border-radius: 5px;
  padding: 8px 10px;
}
.save-user-role-style .parent-wrapper .top-holder,
.save-user-role-style .menu-wrapper .top-holder {
  display: flex;
  justify-content: space-between;
}
.save-user-role-style .parent-wrapper.active-color,
.save-user-role-style .menu-wrapper.active-color {
  border: 1px solid #84d225;
}
.save-user-role-style .parent-wrapper .custom-dropdown,
.save-user-role-style .menu-wrapper .custom-dropdown {
  transition: transform 0.5s ease-in-out;
}
.save-user-role-style .parent-wrapper .dropdown-icon,
.save-user-role-style .menu-wrapper .dropdown-icon {
  transform: rotate(180deg);
}
.save-user-role-style .parent-wrapper .access-container,
.save-user-role-style .menu-wrapper .access-container {
  margin-top: 20px;
  display: grid;
  grid-gap: 6px;
  grid-template-columns: 1fr;
}
.save-user-role-style .parent-wrapper .access-container .screen-label,
.save-user-role-style .menu-wrapper .access-container .screen-label {
  font-size: 14px;
}
.save-user-role-style .parent-wrapper .access-container .screen-access-control,
.save-user-role-style .menu-wrapper .access-container .screen-access-control {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.save-user-role-style .parent-wrapper .access-container .oxd-input-group .oxd-input-field-bottom-space,
.save-user-role-style .menu-wrapper .access-container .oxd-input-group .oxd-input-field-bottom-space {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.save-user-role-style .menu-wrapper-main {
  display: grid;
  row-gap: 7px;
}
.save-user-role-style .parent-wrapper {
  display: grid;
  row-gap: 10px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-8b76ef28] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-8b76ef28] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-8b76ef28] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-8b76ef28] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-8b76ef28] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-8b76ef28] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-8b76ef28] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-8b76ef28] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-8b76ef28] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-8b76ef28]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-8b76ef28] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-8b76ef28] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-8b76ef28] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-8b76ef28] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-8b76ef28] {
  background-image: none !important;
}
.oxd-text--h5[data-v-8b76ef28] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-8b76ef28] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-8b76ef28] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-8b76ef28] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-8b76ef28] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-8b76ef28] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-8b76ef28],
.orangehrm-dialog-header-container[data-v-8b76ef28] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-8b76ef28],
.orangehrm-dialog-header-container .oxd-button[data-v-8b76ef28] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-8b76ef28] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-8b76ef28] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-8b76ef28] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-8b76ef28] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-8b76ef28] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-8b76ef28] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-8b76ef28] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-8b76ef28] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-8b76ef28] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-8b76ef28] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-8b76ef28] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-8b76ef28] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-8b76ef28] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-8b76ef28] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-8b76ef28] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-8b76ef28] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-8b76ef28] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-8b76ef28] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-8b76ef28] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-8b76ef28] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-8b76ef28] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-8b76ef28] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-8b76ef28] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-8b76ef28] {
  color: #38455d;
}
.orangehrm-form-action[data-v-8b76ef28] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-8b76ef28] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-8b76ef28] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-8b76ef28] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-8b76ef28] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-8b76ef28] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-8b76ef28] .--assignable-grouped-field {
  display: flex;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.access-rights-container {
  margin: 50px auto;
}
.access-rights-container .access-rights-inside-container {
  display: grid;
  row-gap: 7px;
}
.access-rights-container .access-rights-inside-container .loading-placeholder {
  padding: 20px;
  text-align: center;
  color: #64728c;
  font-size: 14px;
}

.copy-user-role-source[data-v-ada3fd52] {
  display: block;
  margin-top: 8px;
  color: #64728c;
  font-size: 14px;
}
.copy-user-role-note[data-v-ada3fd52] {
  margin-top: 16px;
}
.copy-user-role-note p[data-v-ada3fd52] {
  margin: 0;
  color: #64728c;
  font-size: 13px;
  line-height: 1.5;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.access-rights-container {
  margin: 50px auto;
}
.access-rights-container .access-rights-inside-container {
  display: grid;
  row-gap: 7px;
}
.access-rights-container .access-rights-inside-container .action-menu-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.access-rights-container .access-rights-inside-container .action-menu-button .show-menu-button {
  cursor: pointer;
  color: #84d225;
  font-weight: 400;
  font-size: 12px;
  white-space: nowrap;
}
.edit-user-role-style .parent-wrapper, .edit-user-role-style .menu-wrapper {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15px;
  color: #64728c;
  border: 1px solid #e8eaef;
  border-radius: 5px;
  padding: 8px 10px;
}
.edit-user-role-style .parent-wrapper .top-holder, .edit-user-role-style .menu-wrapper .top-holder {
  display: flex;
  justify-content: space-between;
}
.edit-user-role-style .parent-wrapper.active-color, .edit-user-role-style .menu-wrapper.active-color {
  border: 1px solid #84d225;
}
.edit-user-role-style .parent-wrapper .custom-dropdown, .edit-user-role-style .menu-wrapper .custom-dropdown {
  transition: transform 0.5s ease-in-out;
}
.edit-user-role-style .parent-wrapper .dropdown-icon, .edit-user-role-style .menu-wrapper .dropdown-icon {
  transform: rotate(180deg);
}
.edit-user-role-style .parent-wrapper .access-container, .edit-user-role-style .menu-wrapper .access-container {
  margin-top: 20px;
  display: grid;
  grid-gap: 6px;
  grid-template-columns: 1fr;
}
.edit-user-role-style .parent-wrapper .access-container .screen-label, .edit-user-role-style .menu-wrapper .access-container .screen-label {
  font-size: 14px;
}
.edit-user-role-style .parent-wrapper .access-container .screen-access-control, .edit-user-role-style .menu-wrapper .access-container .screen-access-control {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.edit-user-role-style .parent-wrapper .access-container .oxd-input-group .oxd-input-field-bottom-space, .edit-user-role-style .menu-wrapper .access-container .oxd-input-group .oxd-input-field-bottom-space {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.edit-user-role-style .menu-wrapper-main {
  display: grid;
  row-gap: 7px;
}
.edit-user-role-style .parent-wrapper {
  display: grid;
  row-gap: 10px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.access-rights-container {
  margin: 50px auto;
}
.access-rights-container .access-rights-inside-container {
  display: grid;
  row-gap: 7px;
}
.access-rights-container .access-rights-inside-container .action-menu-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.access-rights-container .access-rights-inside-container .action-menu-button .show-menu-button {
  cursor: pointer;
  color: #84d225;
  font-weight: 400;
  font-size: 12px;
  white-space: nowrap;
}
.save-user-role-style .parent-wrapper, .save-user-role-style .menu-wrapper {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15px;
  color: #64728c;
  border: 1px solid #e8eaef;
  border-radius: 5px;
  padding: 8px 10px;
}
.save-user-role-style .parent-wrapper .top-holder, .save-user-role-style .menu-wrapper .top-holder {
  display: flex;
  justify-content: space-between;
}
.save-user-role-style .parent-wrapper.active-color, .save-user-role-style .menu-wrapper.active-color {
  border: 1px solid #84d225;
}
.save-user-role-style .parent-wrapper .custom-dropdown, .save-user-role-style .menu-wrapper .custom-dropdown {
  transition: transform 0.5s ease-in-out;
}
.save-user-role-style .parent-wrapper .dropdown-icon, .save-user-role-style .menu-wrapper .dropdown-icon {
  transform: rotate(180deg);
}
.save-user-role-style .parent-wrapper .access-container, .save-user-role-style .menu-wrapper .access-container {
  margin-top: 20px;
  display: grid;
  grid-gap: 6px;
  grid-template-columns: 1fr;
}
.save-user-role-style .parent-wrapper .access-container .screen-label, .save-user-role-style .menu-wrapper .access-container .screen-label {
  font-size: 14px;
}
.save-user-role-style .parent-wrapper .access-container .screen-access-control, .save-user-role-style .menu-wrapper .access-container .screen-access-control {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.save-user-role-style .parent-wrapper .access-container .oxd-input-group .oxd-input-field-bottom-space, .save-user-role-style .menu-wrapper .access-container .oxd-input-group .oxd-input-field-bottom-space {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.save-user-role-style .menu-wrapper-main {
  display: grid;
  row-gap: 7px;
}
.save-user-role-style .parent-wrapper {
  display: grid;
  row-gap: 10px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-635c35c8] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-635c35c8] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-635c35c8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-635c35c8] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-635c35c8] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-635c35c8] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-635c35c8] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-635c35c8] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-635c35c8] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-635c35c8]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-635c35c8] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-635c35c8] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-635c35c8] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-635c35c8] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-635c35c8] {
  background-image: none !important;
}
.oxd-text--h5[data-v-635c35c8] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-635c35c8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-635c35c8] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-635c35c8] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-635c35c8] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-635c35c8] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-635c35c8],
.orangehrm-dialog-header-container[data-v-635c35c8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-635c35c8],
.orangehrm-dialog-header-container .oxd-button[data-v-635c35c8] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-635c35c8] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-635c35c8] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-635c35c8] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-635c35c8] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-635c35c8] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-635c35c8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-635c35c8] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-635c35c8] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-635c35c8] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-635c35c8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-635c35c8] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-635c35c8] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-635c35c8] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-635c35c8] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-635c35c8] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-635c35c8] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-635c35c8] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-635c35c8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-635c35c8] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-635c35c8] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-635c35c8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-635c35c8] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-635c35c8] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-635c35c8] {
  color: #38455d;
}
.orangehrm-form-action[data-v-635c35c8] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-635c35c8] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-635c35c8] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-635c35c8] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-635c35c8] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-635c35c8] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-635c35c8] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-635c35c8] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-635c35c8] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-635c35c8] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-635c35c8] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-635c35c8] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-8352f736] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-8352f736] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-8352f736] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-8352f736] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-8352f736] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-8352f736] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-8352f736] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-8352f736] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-8352f736] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-8352f736]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-8352f736] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-8352f736] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-8352f736] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-8352f736] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-8352f736] {
  background-image: none !important;
}
.oxd-text--h5[data-v-8352f736] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-8352f736] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-8352f736] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-8352f736] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-8352f736] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-8352f736] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-8352f736],
.orangehrm-dialog-header-container[data-v-8352f736] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-8352f736],
.orangehrm-dialog-header-container .oxd-button[data-v-8352f736] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-8352f736] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-8352f736] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-8352f736] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-8352f736] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-8352f736] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-8352f736] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-8352f736] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-8352f736] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-8352f736] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-8352f736] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-8352f736] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-8352f736] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-8352f736] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-8352f736] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-8352f736] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-8352f736] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-8352f736] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-8352f736] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-8352f736] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-8352f736] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-8352f736] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-8352f736] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-8352f736] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-8352f736] {
  color: #38455d;
}
.orangehrm-form-action[data-v-8352f736] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-8352f736] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-8352f736] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-8352f736] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-8352f736] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-8352f736] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-8352f736] .--assignable-grouped-field {
  display: flex;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.access-rights-container {
  margin: 50px auto;
}
.access-rights-container .access-rights-inside-container {
  display: grid;
  row-gap: 7px;
}
.access-rights-container .access-rights-inside-container .action-menu-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.access-rights-container .access-rights-inside-container .action-menu-button .show-menu-button {
  cursor: pointer;
  color: #84d225;
  font-weight: 400;
  font-size: 12px;
  white-space: nowrap;
}
.edit-user-role-style .parent-wrapper, .edit-user-role-style .menu-wrapper {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15px;
  color: #64728c;
  border: 1px solid #e8eaef;
  border-radius: 5px;
  padding: 8px 10px;
}
.edit-user-role-style .parent-wrapper .top-holder, .edit-user-role-style .menu-wrapper .top-holder {
  display: flex;
  justify-content: space-between;
}
.edit-user-role-style .parent-wrapper.active-color, .edit-user-role-style .menu-wrapper.active-color {
  border: 1px solid #84d225;
}
.edit-user-role-style .parent-wrapper .custom-dropdown, .edit-user-role-style .menu-wrapper .custom-dropdown {
  transition: transform 0.5s ease-in-out;
}
.edit-user-role-style .parent-wrapper .dropdown-icon, .edit-user-role-style .menu-wrapper .dropdown-icon {
  transform: rotate(180deg);
}
.edit-user-role-style .parent-wrapper .access-container, .edit-user-role-style .menu-wrapper .access-container {
  margin-top: 20px;
  display: grid;
  grid-gap: 6px;
  grid-template-columns: 1fr;
}
.edit-user-role-style .parent-wrapper .access-container .screen-label, .edit-user-role-style .menu-wrapper .access-container .screen-label {
  font-size: 14px;
}
.edit-user-role-style .parent-wrapper .access-container .screen-access-control, .edit-user-role-style .menu-wrapper .access-container .screen-access-control {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.edit-user-role-style .parent-wrapper .access-container .oxd-input-group .oxd-input-field-bottom-space, .edit-user-role-style .menu-wrapper .access-container .oxd-input-group .oxd-input-field-bottom-space {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.edit-user-role-style .menu-wrapper-main {
  display: grid;
  row-gap: 7px;
}
.edit-user-role-style .parent-wrapper {
  display: grid;
  row-gap: 10px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-80a8bf50] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-80a8bf50] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-80a8bf50] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-80a8bf50] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-80a8bf50] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-80a8bf50] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-80a8bf50] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-80a8bf50] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-80a8bf50] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-80a8bf50]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-80a8bf50] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-80a8bf50] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-80a8bf50] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-80a8bf50] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-80a8bf50] {
  background-image: none !important;
}
.oxd-text--h5[data-v-80a8bf50] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-80a8bf50] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-80a8bf50] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-80a8bf50] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-80a8bf50] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-80a8bf50] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-80a8bf50],
.orangehrm-dialog-header-container[data-v-80a8bf50] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-80a8bf50],
.orangehrm-dialog-header-container .oxd-button[data-v-80a8bf50] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-80a8bf50] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-80a8bf50] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-80a8bf50] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-80a8bf50] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-80a8bf50] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-80a8bf50] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-80a8bf50] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-80a8bf50] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-80a8bf50] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-80a8bf50] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-80a8bf50] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-80a8bf50] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-80a8bf50] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-80a8bf50] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-80a8bf50] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-80a8bf50] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-80a8bf50] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-80a8bf50] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-80a8bf50] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-80a8bf50] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-80a8bf50] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-80a8bf50] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-80a8bf50] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-80a8bf50] {
  color: #38455d;
}
.orangehrm-form-action[data-v-80a8bf50] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-80a8bf50] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-80a8bf50] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-80a8bf50] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-80a8bf50] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-80a8bf50] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-80a8bf50] .--assignable-grouped-field {
  display: flex;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.access-rights-container {
  margin: 50px auto;
}
.access-rights-container .access-rights-inside-container {
  display: grid;
  row-gap: 7px;
}
.access-rights-container .access-rights-inside-container .action-menu-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.access-rights-container .access-rights-inside-container .action-menu-button .show-menu-button {
  cursor: pointer;
  color: #84d225;
  font-weight: 400;
  font-size: 12px;
  white-space: nowrap;
}
.save-user-role-style .parent-wrapper,
.save-user-role-style .menu-wrapper {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15px;
  color: #64728c;
  border: 1px solid #e8eaef;
  border-radius: 5px;
  padding: 8px 10px;
}
.save-user-role-style .parent-wrapper .top-holder,
.save-user-role-style .menu-wrapper .top-holder {
  display: flex;
  justify-content: space-between;
}
.save-user-role-style .parent-wrapper.active-color,
.save-user-role-style .menu-wrapper.active-color {
  border: 1px solid #84d225;
}
.save-user-role-style .parent-wrapper .custom-dropdown,
.save-user-role-style .menu-wrapper .custom-dropdown {
  transition: transform 0.5s ease-in-out;
}
.save-user-role-style .parent-wrapper .dropdown-icon,
.save-user-role-style .menu-wrapper .dropdown-icon {
  transform: rotate(180deg);
}
.save-user-role-style .parent-wrapper .access-container,
.save-user-role-style .menu-wrapper .access-container {
  margin-top: 20px;
  display: grid;
  grid-gap: 6px;
  grid-template-columns: 1fr;
}
.save-user-role-style .parent-wrapper .access-container .screen-label,
.save-user-role-style .menu-wrapper .access-container .screen-label {
  font-size: 14px;
}
.save-user-role-style .parent-wrapper .access-container .screen-access-control,
.save-user-role-style .menu-wrapper .access-container .screen-access-control {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.save-user-role-style .parent-wrapper .access-container .oxd-input-group .oxd-input-field-bottom-space,
.save-user-role-style .menu-wrapper .access-container .oxd-input-group .oxd-input-field-bottom-space {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.save-user-role-style .menu-wrapper-main {
  display: grid;
  row-gap: 7px;
}
.save-user-role-style .parent-wrapper {
  display: grid;
  row-gap: 10px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-73e95745] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-73e95745] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-73e95745] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-73e95745] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-73e95745] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-73e95745] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-73e95745] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-73e95745] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-73e95745] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-73e95745]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-73e95745] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-73e95745] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-73e95745] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-73e95745] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-73e95745] {
  background-image: none !important;
}
.oxd-text--h5[data-v-73e95745] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-73e95745] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-73e95745] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-73e95745] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-73e95745] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-73e95745] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-73e95745],
.orangehrm-dialog-header-container[data-v-73e95745] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-73e95745],
.orangehrm-dialog-header-container .oxd-button[data-v-73e95745] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-73e95745] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-73e95745] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-73e95745] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-73e95745] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-73e95745] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-73e95745] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-73e95745] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-73e95745] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-73e95745] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-73e95745] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-73e95745] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-73e95745] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-73e95745] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-73e95745] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-73e95745] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-73e95745] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-73e95745] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-73e95745] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-73e95745] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-73e95745] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-73e95745] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-73e95745] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-73e95745] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-73e95745] {
  color: #38455d;
}
.orangehrm-form-action[data-v-73e95745] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-73e95745] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-73e95745] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-73e95745] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-73e95745] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-73e95745] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-73e95745] .--assignable-grouped-field {
  display: flex;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.access-rights-container {
  margin: 50px auto;
}
.access-rights-container .access-rights-inside-container {
  display: grid;
  row-gap: 7px;
}
.access-rights-container .access-rights-inside-container .action-menu-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.access-rights-container .access-rights-inside-container .action-menu-button .show-menu-button {
  cursor: pointer;
  color: #84d225;
  font-weight: 400;
  font-size: 12px;
  white-space: nowrap;
}
.edit-user-role-style .parent-wrapper, .edit-user-role-style .menu-wrapper {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15px;
  color: #64728c;
  border: 1px solid #e8eaef;
  border-radius: 5px;
  padding: 8px 10px;
}
.edit-user-role-style .parent-wrapper .top-holder, .edit-user-role-style .menu-wrapper .top-holder {
  display: flex;
  justify-content: space-between;
}
.edit-user-role-style .parent-wrapper.active-color, .edit-user-role-style .menu-wrapper.active-color {
  border: 1px solid #84d225;
}
.edit-user-role-style .parent-wrapper .custom-dropdown, .edit-user-role-style .menu-wrapper .custom-dropdown {
  transition: transform 0.5s ease-in-out;
}
.edit-user-role-style .parent-wrapper .dropdown-icon, .edit-user-role-style .menu-wrapper .dropdown-icon {
  transform: rotate(180deg);
}
.edit-user-role-style .parent-wrapper .access-container, .edit-user-role-style .menu-wrapper .access-container {
  margin-top: 20px;
  display: grid;
  grid-gap: 6px;
  grid-template-columns: 1fr;
}
.edit-user-role-style .parent-wrapper .access-container .screen-label, .edit-user-role-style .menu-wrapper .access-container .screen-label {
  font-size: 14px;
}
.edit-user-role-style .parent-wrapper .access-container .screen-access-control, .edit-user-role-style .menu-wrapper .access-container .screen-access-control {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.edit-user-role-style .parent-wrapper .access-container .oxd-input-group .oxd-input-field-bottom-space, .edit-user-role-style .menu-wrapper .access-container .oxd-input-group .oxd-input-field-bottom-space {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.edit-user-role-style .menu-wrapper-main {
  display: grid;
  row-gap: 7px;
}
.edit-user-role-style .parent-wrapper {
  display: grid;
  row-gap: 10px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-74674278] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-74674278] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-74674278] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-74674278] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-74674278] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-74674278] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-74674278] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-74674278] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-74674278] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-74674278]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-74674278] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-74674278] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-74674278] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-74674278] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-74674278] {
  background-image: none !important;
}
.oxd-text--h5[data-v-74674278] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-74674278] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-74674278] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-74674278] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-74674278] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-74674278] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-74674278],
.orangehrm-dialog-header-container[data-v-74674278] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-74674278],
.orangehrm-dialog-header-container .oxd-button[data-v-74674278] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-74674278] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-74674278] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-74674278] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-74674278] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-74674278] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-74674278] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-74674278] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-74674278] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-74674278] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-74674278] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-74674278] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-74674278] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-74674278] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-74674278] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-74674278] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-74674278] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-74674278] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-74674278] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-74674278] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-74674278] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-74674278] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-74674278] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-74674278] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-74674278] {
  color: #38455d;
}
.orangehrm-form-action[data-v-74674278] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-74674278] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-74674278] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-74674278] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-74674278] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-74674278] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-74674278] .--assignable-grouped-field {
  display: flex;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.access-rights-container {
  margin: 50px auto;
}
.access-rights-container .access-rights-inside-container {
  display: grid;
  row-gap: 7px;
}
.access-rights-container .access-rights-inside-container .action-menu-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-content: center;
}
.access-rights-container .access-rights-inside-container .action-menu-button .show-menu-button {
  cursor: pointer;
  color: #84d225;
  font-weight: 400;
  font-size: 12px;
  white-space: nowrap;
}
.save-user-role-style .parent-wrapper,
.save-user-role-style .menu-wrapper {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.15px;
  color: #64728c;
  border: 1px solid #e8eaef;
  border-radius: 5px;
  padding: 8px 10px;
}
.save-user-role-style .parent-wrapper .top-holder,
.save-user-role-style .menu-wrapper .top-holder {
  display: flex;
  justify-content: space-between;
}
.save-user-role-style .parent-wrapper.active-color,
.save-user-role-style .menu-wrapper.active-color {
  border: 1px solid #84d225;
}
.save-user-role-style .parent-wrapper .custom-dropdown,
.save-user-role-style .menu-wrapper .custom-dropdown {
  transition: transform 0.5s ease-in-out;
}
.save-user-role-style .parent-wrapper .dropdown-icon,
.save-user-role-style .menu-wrapper .dropdown-icon {
  transform: rotate(180deg);
}
.save-user-role-style .parent-wrapper .access-container,
.save-user-role-style .menu-wrapper .access-container {
  margin-top: 20px;
  display: grid;
  grid-gap: 6px;
  grid-template-columns: 1fr;
}
.save-user-role-style .parent-wrapper .access-container .screen-label,
.save-user-role-style .menu-wrapper .access-container .screen-label {
  font-size: 14px;
}
.save-user-role-style .parent-wrapper .access-container .screen-access-control,
.save-user-role-style .menu-wrapper .access-container .screen-access-control {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.save-user-role-style .parent-wrapper .access-container .oxd-input-group .oxd-input-field-bottom-space,
.save-user-role-style .menu-wrapper .access-container .oxd-input-group .oxd-input-field-bottom-space {
  width: -moz-fit-content !important;
  width: fit-content !important;
}
.save-user-role-style .menu-wrapper-main {
  display: grid;
  row-gap: 7px;
}
.save-user-role-style .parent-wrapper {
  display: grid;
  row-gap: 10px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-container .amortization__row {
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}

.switch-text[data-v-065d7b50] {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 2%;
  padding-top: 2%;
}
.oxd-color-input .oxd-color-input--active[data-v-065d7b50] {
  margin-right: 51%;
}



.switch-text[data-v-037117b6] {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 2%;
  padding-top: 2%;
}
.oxd-color-input .oxd-color-input--active[data-v-037117b6] {
  margin-right: 51%;
}


/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-383233ba] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-383233ba] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-383233ba] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-383233ba] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-383233ba] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-383233ba] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-383233ba] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-383233ba] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-383233ba] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-383233ba]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-383233ba] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-383233ba] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-383233ba] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-383233ba] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-383233ba] {
  background-image: none !important;
}
.oxd-text--h5[data-v-383233ba] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-383233ba] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-383233ba] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-383233ba] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-383233ba] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-383233ba] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-383233ba],
.orangehrm-dialog-header-container[data-v-383233ba] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-383233ba],
.orangehrm-dialog-header-container .oxd-button[data-v-383233ba] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-383233ba] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-383233ba] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-383233ba] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-383233ba] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-383233ba] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-383233ba] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-383233ba] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-383233ba] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-383233ba] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-383233ba] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-383233ba] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-383233ba] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-383233ba] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-383233ba] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-383233ba] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-383233ba] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-383233ba] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-383233ba] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-383233ba] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-383233ba] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-383233ba] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-383233ba] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-383233ba] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-383233ba] {
  color: #38455d;
}
.orangehrm-form-action[data-v-383233ba] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-383233ba] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-383233ba] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-383233ba] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-383233ba] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-383233ba] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-modal-header[data-v-383233ba] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-383233ba] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-383233ba] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-383233ba] {
  text-align: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3ce045c0] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3ce045c0] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3ce045c0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3ce045c0] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3ce045c0] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3ce045c0] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3ce045c0] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3ce045c0] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3ce045c0] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3ce045c0]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3ce045c0] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3ce045c0] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3ce045c0] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3ce045c0] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3ce045c0] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3ce045c0] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3ce045c0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3ce045c0] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3ce045c0] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3ce045c0] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3ce045c0] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3ce045c0],
.orangehrm-dialog-header-container[data-v-3ce045c0] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3ce045c0],
.orangehrm-dialog-header-container .oxd-button[data-v-3ce045c0] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3ce045c0] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3ce045c0] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3ce045c0] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3ce045c0] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3ce045c0] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3ce045c0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3ce045c0] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3ce045c0] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3ce045c0] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3ce045c0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3ce045c0] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3ce045c0] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3ce045c0] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3ce045c0] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3ce045c0] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3ce045c0] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3ce045c0] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3ce045c0] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3ce045c0] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3ce045c0] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3ce045c0] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3ce045c0] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3ce045c0] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3ce045c0] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3ce045c0] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3ce045c0] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3ce045c0] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3ce045c0] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3ce045c0] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3ce045c0] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-3ce045c0] .oxd-table-row .oxd-table-cell:first-child {
  position: sticky;
  left: -10px;
  background-color: #fff;
  height: 32.5px;
  display: flex;
  align-items: center;
  margin-left: 0;
  padding-left: 0.75rem;
  border-radius: 1.2rem;
}
[data-v-3ce045c0] .oxd-table-row .oxd-table-cell:nth-child(2) {
  position: sticky;
  left: 80px;
  background-color: #fff;
  height: 32.5px;
  display: flex;
  align-items: center;
  margin-left: 0;
  padding-left: 0.75rem;
  border-radius: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-v-3ce045c0] .oxd-table-row .oxd-table-cell {
  padding-left: 10px;
}
[data-v-3ce045c0] .oxd-table-row .oxd-table-header-cell:first-child {
  position: sticky;
  left: -10px;
  background-color: #e8eaef;
  margin-left: 0;
}
[data-v-3ce045c0] .oxd-table-row .oxd-table-header-cell:nth-child(2) {
  position: sticky;
  left: 80px;
  background-color: #e8eaef;
  margin-left: 0;
}
[data-v-3ce045c0] .oxd-table-card {
  background-color: #fff !important;
}
[data-v-3ce045c0] .oxd-table-header {
  position: sticky;
  top: -10px;
  background-color: #e8eaef;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
}
.orangehrm-container[data-v-3ce045c0] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-14480f54] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-14480f54] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-14480f54] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-14480f54] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-14480f54] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-14480f54] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-14480f54] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-14480f54] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-14480f54] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-14480f54]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-14480f54] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-14480f54] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-14480f54] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-14480f54] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-14480f54] {
  background-image: none !important;
}
.oxd-text--h5[data-v-14480f54] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-14480f54] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-14480f54] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-14480f54] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-14480f54] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-14480f54] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-14480f54],
.orangehrm-dialog-header-container[data-v-14480f54] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-14480f54],
.orangehrm-dialog-header-container .oxd-button[data-v-14480f54] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-14480f54] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-14480f54] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-14480f54] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-14480f54] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-14480f54] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-14480f54] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-14480f54] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-14480f54] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-14480f54] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-14480f54] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-14480f54] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-14480f54] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-14480f54] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-14480f54] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-14480f54] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-14480f54] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-14480f54] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-14480f54] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-14480f54] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-14480f54] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-14480f54] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-14480f54] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-14480f54] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-14480f54] {
  color: #38455d;
}
.orangehrm-form-action[data-v-14480f54] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-14480f54] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-14480f54] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-14480f54] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-14480f54] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-14480f54] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-height[data-v-14480f54] {
  max-height: calc(100vh - 170px);
  overflow: auto;
  overflow-x: hidden;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-61a7774e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-61a7774e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-61a7774e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-61a7774e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-61a7774e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-61a7774e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-61a7774e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-61a7774e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-61a7774e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-61a7774e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-61a7774e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-61a7774e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-61a7774e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-61a7774e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-61a7774e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-61a7774e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-61a7774e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-61a7774e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-61a7774e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-61a7774e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-61a7774e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-61a7774e],
.orangehrm-dialog-header-container[data-v-61a7774e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-61a7774e],
.orangehrm-dialog-header-container .oxd-button[data-v-61a7774e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-61a7774e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-61a7774e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-61a7774e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-61a7774e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-61a7774e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-61a7774e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-61a7774e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-61a7774e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-61a7774e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-61a7774e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-61a7774e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-61a7774e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-61a7774e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-61a7774e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-61a7774e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-61a7774e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-61a7774e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-61a7774e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-61a7774e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-61a7774e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-61a7774e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-61a7774e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-61a7774e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-61a7774e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-61a7774e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-61a7774e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-61a7774e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-61a7774e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-61a7774e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-61a7774e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.oxd-dialog-container-default--inner[data-v-61a7774e] {
  margin-top: 0;
  margin-bottom: 0;
}
[data-v-61a7774e] .oxd-table-card {
  background-color: #fff !important;
}
.orangehrm-container[data-v-61a7774e] {
  max-height: calc(100vh - 170px);
  overflow: auto;
}
[data-v-61a7774e] .oxd-table-cell .oxd-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5px #ccc;
  z-index: 10;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-f0841574] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-f0841574] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-f0841574] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-f0841574] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-f0841574] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-f0841574] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-f0841574] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-f0841574] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-f0841574] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-f0841574]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-f0841574] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-f0841574] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-f0841574] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-f0841574] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-f0841574] {
  background-image: none !important;
}
.oxd-text--h5[data-v-f0841574] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-f0841574] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-f0841574] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-f0841574] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-f0841574] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-f0841574] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-f0841574],
.orangehrm-dialog-header-container[data-v-f0841574] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-f0841574],
.orangehrm-dialog-header-container .oxd-button[data-v-f0841574] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-f0841574] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-f0841574] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-f0841574] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-f0841574] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-f0841574] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-f0841574] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-f0841574] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-f0841574] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-f0841574] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-f0841574] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-f0841574] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-f0841574] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-f0841574] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-f0841574] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-f0841574] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-f0841574] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-f0841574] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-f0841574] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-f0841574] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-f0841574] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-f0841574] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-f0841574] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-f0841574] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-f0841574] {
  color: #38455d;
}
.orangehrm-form-action[data-v-f0841574] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-f0841574] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-f0841574] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-f0841574] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-f0841574] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-f0841574] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.oxd-dialog-container-default--inner[data-v-f0841574] {
  margin-top: 0;
  margin-bottom: 0;
}
[data-v-f0841574] .oxd-table-card {
  background-color: #fff !important;
}
.orangehrm-container[data-v-f0841574] {
  max-height: calc(100vh - 170px);
  overflow: auto;
}

.table-grid[data-v-34767c99] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.table-grid td[data-v-34767c99] {
  padding: 12px 12px 12px 30px;
  border: 2px solid #6d7a93;
  vertical-align: middle;
  font-size: 20px;
}
.table-grid td[data-v-34767c99]:first-child {
  background-color: #dde2eb;
  font-weight: bold;
}
.card-header[data-v-34767c99] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  color: #007bff;
  cursor: pointer;
  font-family: Nunito Sans;
  font-size: 16px;
  font-weight: 800;
  color: #6d7a93;
}
.card-header .arrow[data-v-34767c99] {
  border: solid #6d7a93;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 3px;
  transition: transform 0.3s ease;
}
.card-body[data-v-34767c99] {
  padding: 20px;
  background-color: #ffffff;
  border-top: 1px solid #dee2e6;
}
.arrow-up[data-v-34767c99] {
  transform: rotate(-135deg);
}
.arrow-down[data-v-34767c99] {
  transform: rotate(45deg);
}
.card[data-v-34767c99] {
  margin-bottom: 10px;
  border: 1px solid #dee2e6;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.header-title[data-v-34767c99] {
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  font-family: 'Nunito Sans', sans-serif;
}
.status-display[data-v-34767c99] {
  font-size: 18px;
  font-family: 'Nunito Sans', sans-serif;
  color: #6d7a93;
  font-weight: 900;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.status-circle[data-v-34767c99] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
  background-color: gray;
}
.status-circle.pending[data-v-34767c99] {
  background-color: #d6cd00;
}
.status-circle.declined[data-v-34767c99] {
  background-color: red;
}
.status-circle.approved[data-v-34767c99] {
  background-color: rgb(87, 227, 87);
}
.request-label[data-v-34767c99],
.request-value[data-v-34767c99] {
  display: block;
  text-align: left;
}
.oxd-label[data-v-34767c99] {
  font-size: 16px;
  font-weight: 700;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3810dfd5] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3810dfd5] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3810dfd5] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3810dfd5] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3810dfd5] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3810dfd5] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3810dfd5] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3810dfd5] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3810dfd5] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3810dfd5]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3810dfd5] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3810dfd5] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3810dfd5] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3810dfd5] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3810dfd5] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3810dfd5] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3810dfd5] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3810dfd5] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3810dfd5] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3810dfd5] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3810dfd5] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3810dfd5],
.orangehrm-dialog-header-container[data-v-3810dfd5] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3810dfd5],
.orangehrm-dialog-header-container .oxd-button[data-v-3810dfd5] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3810dfd5] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3810dfd5] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3810dfd5] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3810dfd5] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3810dfd5] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3810dfd5] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3810dfd5] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3810dfd5] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3810dfd5] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3810dfd5] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3810dfd5] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3810dfd5] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3810dfd5] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3810dfd5] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3810dfd5] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3810dfd5] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3810dfd5] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3810dfd5] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3810dfd5] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3810dfd5] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3810dfd5] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3810dfd5] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3810dfd5] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3810dfd5] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3810dfd5] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3810dfd5] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3810dfd5] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3810dfd5] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3810dfd5] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3810dfd5] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-3810dfd5] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-3810dfd5] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-3810dfd5] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-3810dfd5] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-3810dfd5] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-3810dfd5] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-036094be] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-036094be] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-036094be] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-036094be] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-036094be] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-036094be] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-036094be] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-036094be] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-036094be] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-036094be]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-036094be] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-036094be] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-036094be] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-036094be] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-036094be] {
  background-image: none !important;
}
.oxd-text--h5[data-v-036094be] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-036094be] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-036094be] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-036094be] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-036094be] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-036094be] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-036094be],
.orangehrm-dialog-header-container[data-v-036094be] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-036094be],
.orangehrm-dialog-header-container .oxd-button[data-v-036094be] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-036094be] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-036094be] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-036094be] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-036094be] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-036094be] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-036094be] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-036094be] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-036094be] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-036094be] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-036094be] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-036094be] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-036094be] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-036094be] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-036094be] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-036094be] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-036094be] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-036094be] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-036094be] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-036094be] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-036094be] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-036094be] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-036094be] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-036094be] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-036094be] {
  color: #38455d;
}
.orangehrm-form-action[data-v-036094be] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-036094be] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-036094be] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-036094be] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-036094be] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-036094be] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-036094be] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-036094be] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-036094be] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-036094be] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-036094be] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-036094be] {
  padding: 2%;
}
.orangehrm-header-container .action-buttons[data-v-036094be] {
  display: flex;
  gap: 10px;
}
.orangehrm-header-container .action-buttons .hidden[data-v-036094be] {
  display: none;
}
.action-buttons-bottom[data-v-036094be] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
  justify-content: flex-end;
}
.custom-padding[data-v-036094be] {
  padding-left: 25px;
  padding-right: 25px;
  display: grid;
  justify-items: flex-end;
}
.custom-padding .orangehrm-full-width-grid .grid-item[data-v-036094be] {
  width: 180px;
}

.deleted-tag[data-v-ddb0de4c] {
  margin-left: auto;
}


.orangehrm-modal-header[data-v-0ac1f98f] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-0ac1f98f] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-0ac1f98f] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-0ac1f98f] {
  text-align: center;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-249a4ec6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-249a4ec6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-249a4ec6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-249a4ec6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-249a4ec6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-249a4ec6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-249a4ec6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-249a4ec6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-249a4ec6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-249a4ec6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-249a4ec6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-249a4ec6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-249a4ec6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-249a4ec6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-249a4ec6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-249a4ec6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-249a4ec6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-249a4ec6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-249a4ec6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-249a4ec6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-249a4ec6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-249a4ec6],
.orangehrm-dialog-header-container[data-v-249a4ec6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-249a4ec6],
.orangehrm-dialog-header-container .oxd-button[data-v-249a4ec6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-249a4ec6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-249a4ec6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-249a4ec6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-249a4ec6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-249a4ec6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-249a4ec6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-249a4ec6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-249a4ec6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-249a4ec6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-249a4ec6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-249a4ec6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-249a4ec6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-249a4ec6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-249a4ec6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-249a4ec6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-249a4ec6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-249a4ec6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-249a4ec6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-249a4ec6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-249a4ec6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-249a4ec6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-249a4ec6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-249a4ec6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-249a4ec6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-249a4ec6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-249a4ec6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-249a4ec6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-249a4ec6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-249a4ec6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-249a4ec6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-container[data-v-249a4ec6] {
  max-height: 165px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-249a4ec6]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-249a4ec6]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-249a4ec6]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-249a4ec6] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}

.orangehrm-modal-header[data-v-6c79b76e] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-6c79b76e] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-6c79b76e] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-6c79b76e] {
  text-align: center;
}


.orangehrm-horizontal-padding .orangehrm-vertical-padding[data-v-661e9c9e] {
    font-family: "Nunito Sans";
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-54b45fd9] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-54b45fd9] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-54b45fd9] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-54b45fd9] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-54b45fd9] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-54b45fd9] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-54b45fd9] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-54b45fd9] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-54b45fd9] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-54b45fd9]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-54b45fd9] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-54b45fd9] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-54b45fd9] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-54b45fd9] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-54b45fd9] {
  background-image: none !important;
}
.oxd-text--h5[data-v-54b45fd9] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-54b45fd9] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-54b45fd9] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-54b45fd9] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-54b45fd9] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-54b45fd9] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-54b45fd9],
.orangehrm-dialog-header-container[data-v-54b45fd9] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-54b45fd9],
.orangehrm-dialog-header-container .oxd-button[data-v-54b45fd9] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-54b45fd9] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-54b45fd9] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-54b45fd9] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-54b45fd9] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-54b45fd9] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-54b45fd9] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-54b45fd9] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-54b45fd9] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-54b45fd9] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-54b45fd9] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-54b45fd9] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-54b45fd9] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-54b45fd9] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-54b45fd9] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-54b45fd9] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-54b45fd9] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-54b45fd9] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-54b45fd9] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-54b45fd9] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-54b45fd9] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-54b45fd9] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-54b45fd9] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-54b45fd9] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-54b45fd9] {
  color: #38455d;
}
.orangehrm-form-action[data-v-54b45fd9] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-54b45fd9] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-54b45fd9] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-54b45fd9] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-54b45fd9] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-54b45fd9] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-54b45fd9] .--grouped-field {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 800px) {
[data-v-54b45fd9] .--grouped-field {
    flex-wrap: nowrap;
}
[data-v-54b45fd9] .--grouped-field .oxd-input-group {
    flex-shrink: 0;
}
}
.orangehrm-leave-entitled[data-v-54b45fd9] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-leave-entitled-text[data-v-54b45fd9] {
    margin-bottom: 1.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-leave-entitled-text[data-v-54b45fd9] {
    margin-bottom: unset;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3648aa1c] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3648aa1c] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3648aa1c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3648aa1c] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3648aa1c] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3648aa1c] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3648aa1c] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3648aa1c] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3648aa1c] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3648aa1c]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3648aa1c] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3648aa1c] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3648aa1c] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3648aa1c] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3648aa1c] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3648aa1c] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3648aa1c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3648aa1c] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3648aa1c] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3648aa1c] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3648aa1c] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3648aa1c],
.orangehrm-dialog-header-container[data-v-3648aa1c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3648aa1c],
.orangehrm-dialog-header-container .oxd-button[data-v-3648aa1c] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3648aa1c] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3648aa1c] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3648aa1c] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3648aa1c] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3648aa1c] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3648aa1c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3648aa1c] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3648aa1c] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3648aa1c] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3648aa1c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3648aa1c] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3648aa1c] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3648aa1c] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3648aa1c] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3648aa1c] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3648aa1c] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3648aa1c] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3648aa1c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3648aa1c] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3648aa1c] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3648aa1c] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3648aa1c] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3648aa1c] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3648aa1c] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3648aa1c] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3648aa1c] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3648aa1c] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3648aa1c] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3648aa1c] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3648aa1c] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.job-levels-container[data-v-3648aa1c] .oxd-input-group {
  margin: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-67bce8f6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-67bce8f6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-67bce8f6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-67bce8f6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-67bce8f6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-67bce8f6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-67bce8f6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-67bce8f6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-67bce8f6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-67bce8f6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-67bce8f6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-67bce8f6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-67bce8f6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-67bce8f6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-67bce8f6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-67bce8f6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-67bce8f6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-67bce8f6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-67bce8f6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-67bce8f6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-67bce8f6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-67bce8f6],
.orangehrm-dialog-header-container[data-v-67bce8f6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-67bce8f6],
.orangehrm-dialog-header-container .oxd-button[data-v-67bce8f6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-67bce8f6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-67bce8f6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-67bce8f6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-67bce8f6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-67bce8f6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-67bce8f6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-67bce8f6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-67bce8f6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-67bce8f6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-67bce8f6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-67bce8f6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-67bce8f6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-67bce8f6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-67bce8f6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-67bce8f6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-67bce8f6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-67bce8f6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-67bce8f6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-67bce8f6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-67bce8f6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-67bce8f6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-67bce8f6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-67bce8f6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-67bce8f6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-67bce8f6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-67bce8f6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-67bce8f6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-67bce8f6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-67bce8f6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-67bce8f6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.job-levels-container[data-v-67bce8f6] .oxd-input-group {
  margin: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}

.orangehrm-login-layout {
  background-color: #fff !important;
}

.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}

.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}

.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}

.orangehrm-login-form {
  width: 80% !important;
}

.orangehrm-login-form .oxd-label {
  color: #fff !important;
}

.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}

.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}

.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}

.orangehrm-login-forgot p {
  color: #fff !important;
}

.orangehrm-copyright-wrapper p {
  color: #fff !important;
}

.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}

.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}

.oxd-topbar-header {
  background-image: none !important;
}

.oxd-text--h5 {
  color: #64728c !important;
}

.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}

.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}

.oxd-main-menu-item--icon {
  color: #fff !important;
}

.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}

.orangehrm-header-container {
  padding: 25px;
}

.orangehrm-dialog-header-container {
  padding: 1.2rem;
}

.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

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

.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}

.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}

.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}

.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}

.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}

.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.orangehrm-top-padding {
  padding-top: 25px;
}

.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}

.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}

.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}

.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}

.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}

.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}

.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}

.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
  .orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
  }
}

.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}

.orangehrm-dialog-popup {
  max-width: 450px;
}

.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}

.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.addlanguage-note {
  background-color: #e8eaef;
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}

.addlanguage-note-text {
  padding: 1.2rem;
}

.orangehrm-information-card-text {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}

::v-deep(.card-footer-slot) .oxd-table-cell-actions {
  justify-content: flex-end;
}

.dailog-custom-style[data-v-0a762b54] {
  width: '70vw';
  margin: 'auto';
}
.highlight td[data-v-0a762b54] {
  border: 1px solid black;
  font-weight: 900;
}
.left[data-v-0a762b54] {
  text-align: left;
  padding-left: 12px;
}
.right[data-v-0a762b54] {
  text-align: right;
  padding-right: 12px;
}
.taxable-ytd-table[data-v-0a762b54] .oxd-table-body .oxd-table-cell:nth-child(3),
.taxable-ytd-table[data-v-0a762b54] .oxd-table-body .oxd-table-cell:nth-child(4),
.taxable-ytd-table[data-v-0a762b54] .oxd-table-body .oxd-table-cell:nth-child(5),
.taxable-ytd-table[data-v-0a762b54] .oxd-table-body .oxd-table-cell:nth-child(6) {
  display: flex;
  justify-content: flex-end;
  text-align: right;
  box-sizing: border-box;
  padding-right: 12px !important;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.preview-payslip .top-sections {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
.preview-payslip .section {
  width: clamp(150px, 100%, 100%);
}
.preview-payslip .section.third .items {
  max-width: calc(50% - 20px);
}
.preview-payslip .section .title {
  font-size: 24px;
}
.preview-payslip .section .item {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.preview-payslip .section .item .value {
  width: 100px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.downloadable-payslip {
  font-family: "Helvetica", sans-serif;
  font-size: 11px;
  color: var(--fc-neutral-text-color);
  width: 422.5pt;
  padding: 15px;
}
.downloadable-payslip .logo-holder {
  display: grid;
  justify-content: flex-end;
}
.downloadable-payslip .logo-holder img {
  width: 150px;
}
.downloadable-payslip .top-sections {
  display: grid;
  grid-template-columns: 2.2fr 2fr;
  width: calc(100% - 31px);
  grid-gap: 20px;
  border: 1px solid rgb(233, 230, 230);
  padding: 15px;
}
.downloadable-payslip .top-sections .item {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
}
.downloadable-payslip .top-sections .left:last-child .value {
  white-space: nowrap;
}
.downloadable-payslip .bottom-section {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 18px);
  padding: 15px 8px;
  border: 1px solid rgb(233, 230, 230);
  font-weight: bold;
  font-size: 12px;
}
.downloadable-payslip .section-table {
  display: grid;
  grid-template-columns: 2fr 1.2fr;
}
.downloadable-payslip .section-table table {
  width: 100%;
}
.downloadable-payslip .section-table table tr {
  width: 100%;
  height: 25px;
}
.downloadable-payslip .section-table table tr .gross-footer {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
}
.downloadable-payslip .section-table table tr.section-heading th {
  background-color: rgb(68, 67, 67);
  color: white;
}
.downloadable-payslip .section-table table tr .footer-row {
  background-color: rgb(68, 67, 67);
}
.downloadable-payslip .section-table table tr th {
  background-color: lightgray;
  padding: 3px 5px;
}
.downloadable-payslip .section-table table tr td {
  padding: 3px 5px;
  white-space: nowrap;
}
.downloadable-payslip .section-table table tr td.value {
  text-align: right;
}
.downloadable-payslip .section-table table,
.downloadable-payslip .section-table th,
.downloadable-payslip .section-table td {
  border: 1pt solid rgb(233, 230, 230);
  border-collapse: collapse;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dailog-custom-style {
  width: clamp(450px, 100%, 700px);
}
.dailog-custom-style .printable-payslip {
  position: absolute;
  top: -99999px;
}
.payslip-header {
  display: flex;
  justify-content: space-between;
}
.payslip-header .actions {
  display: flex;
  gap: 15px;
}

.orangehrm-horizontal-padding .orangehrm-vertical-padding[data-v-2320733a] {
    font-family: "Nunito Sans";
}


.orangehrm-horizontal-padding .orangehrm-vertical-padding[data-v-6db2c660] {
    font-family: "Nunito Sans";
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-158c9479] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-158c9479] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-158c9479] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-158c9479] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-158c9479] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-158c9479] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-158c9479] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-158c9479] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-158c9479] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-158c9479]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-158c9479] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-158c9479] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-158c9479] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-158c9479] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-158c9479] {
  background-image: none !important;
}
.oxd-text--h5[data-v-158c9479] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-158c9479] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-158c9479] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-158c9479] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-158c9479] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-158c9479] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-158c9479],
.orangehrm-dialog-header-container[data-v-158c9479] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-158c9479],
.orangehrm-dialog-header-container .oxd-button[data-v-158c9479] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-158c9479] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-158c9479] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-158c9479] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-158c9479] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-158c9479] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-158c9479] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-158c9479] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-158c9479] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-158c9479] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-158c9479] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-158c9479] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-158c9479] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-158c9479] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-158c9479] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-158c9479] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-158c9479] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-158c9479] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-158c9479] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-158c9479] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-158c9479] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-158c9479] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-158c9479] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-158c9479] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-158c9479] {
  color: #38455d;
}
.orangehrm-form-action[data-v-158c9479] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-158c9479] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-158c9479] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-158c9479] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-158c9479] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-158c9479] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.pin-input[data-v-158c9479] {
  display: inline-block;
  margin: 0 5px;
}
input[data-v-158c9479] {
  width: 50px;
  height: 50px;
  border: 1px solid #929baa;
  border-radius: 5px;
  font-size: 20px;
  text-align: center;
  margin: 0 5px;
  font-family: "Nunito Sans", sans-serif;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3eb245d6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3eb245d6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3eb245d6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3eb245d6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3eb245d6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3eb245d6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3eb245d6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3eb245d6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3eb245d6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3eb245d6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3eb245d6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3eb245d6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3eb245d6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3eb245d6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3eb245d6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3eb245d6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3eb245d6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3eb245d6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3eb245d6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3eb245d6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3eb245d6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3eb245d6],
.orangehrm-dialog-header-container[data-v-3eb245d6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3eb245d6],
.orangehrm-dialog-header-container .oxd-button[data-v-3eb245d6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3eb245d6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3eb245d6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3eb245d6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3eb245d6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3eb245d6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3eb245d6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3eb245d6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3eb245d6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3eb245d6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3eb245d6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3eb245d6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3eb245d6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3eb245d6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3eb245d6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3eb245d6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3eb245d6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3eb245d6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3eb245d6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3eb245d6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3eb245d6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3eb245d6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3eb245d6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3eb245d6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3eb245d6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3eb245d6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3eb245d6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3eb245d6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3eb245d6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3eb245d6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3eb245d6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.setup-pincode[data-v-3eb245d6] {
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  color: #333;
}
.setup-pincode button[data-v-3eb245d6] {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
  font-family: "Nunito Sans";
  font-weight: 600;
  border: 0;
  border-radius: 3em;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  padding-right: 32px;
  padding-left: 32px;
  min-width: 100px;
  background-color: #76bc21;
  color: #fff;
  margin-top: 20px;
}
.setup-pincode button[data-v-3eb245d6]:hover {
  background-color: #5e9c1e;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3d2df681] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3d2df681] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3d2df681] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3d2df681] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3d2df681] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3d2df681] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3d2df681] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3d2df681] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3d2df681] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3d2df681]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3d2df681] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3d2df681] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3d2df681] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3d2df681] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3d2df681] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3d2df681] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3d2df681] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3d2df681] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3d2df681] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3d2df681] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3d2df681] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3d2df681],
.orangehrm-dialog-header-container[data-v-3d2df681] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3d2df681],
.orangehrm-dialog-header-container .oxd-button[data-v-3d2df681] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3d2df681] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3d2df681] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3d2df681] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3d2df681] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3d2df681] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3d2df681] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3d2df681] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3d2df681] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3d2df681] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3d2df681] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3d2df681] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3d2df681] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3d2df681] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3d2df681] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3d2df681] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3d2df681] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3d2df681] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3d2df681] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3d2df681] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3d2df681] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3d2df681] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3d2df681] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3d2df681] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3d2df681] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3d2df681] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3d2df681] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3d2df681] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3d2df681] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3d2df681] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3d2df681] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-3d2df681] .oxd-table-row {
  display: grid !important;
  grid-template-columns: 40px 15% 15% auto 100px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-editor {
  width: 100%;
  margin-bottom: 50px;
  padding-inline: 15px;
  border-radius: 3px;
}
.text-editor .editor {
  min-height: 12rem !important;
  max-height: 30rem !important;
  overflow-y: scroll !important;
}
.text-editor .editor p img {
  max-width: 30%;
}
.text-editor .ql-container {
  border-radius: 0 0 8px 8px !important;
}
.text-editor .ql-toolbar {
  border-radius: 8px 8px 0 0 !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-e918e112] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-e918e112] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-e918e112] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-e918e112] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-e918e112] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-e918e112] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-e918e112] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-e918e112] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-e918e112] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-e918e112]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-e918e112] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-e918e112] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-e918e112] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-e918e112] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-e918e112] {
  background-image: none !important;
}
.oxd-text--h5[data-v-e918e112] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-e918e112] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-e918e112] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-e918e112] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-e918e112] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-e918e112] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-e918e112],
.orangehrm-dialog-header-container[data-v-e918e112] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-e918e112],
.orangehrm-dialog-header-container .oxd-button[data-v-e918e112] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-e918e112] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-e918e112] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-e918e112] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-e918e112] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-e918e112] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-e918e112] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-e918e112] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-e918e112] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-e918e112] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-e918e112] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-e918e112] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-e918e112] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-e918e112] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-e918e112] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-e918e112] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-e918e112] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-e918e112] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-e918e112] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-e918e112] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-e918e112] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-e918e112] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-e918e112] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-e918e112] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-e918e112] {
  color: #38455d;
}
.orangehrm-form-action[data-v-e918e112] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-e918e112] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-e918e112] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-e918e112] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-e918e112] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-e918e112] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.action-buttons[data-v-e918e112] {
  display: flex;
  gap: 10px;
}
.action-buttons .hidden[data-v-e918e112] {
  display: none;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-0e960601] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-0e960601] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-0e960601] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-0e960601] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-0e960601] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-0e960601] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-0e960601] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-0e960601] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-0e960601] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-0e960601]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-0e960601] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-0e960601] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-0e960601] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-0e960601] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-0e960601] {
  background-image: none !important;
}
.oxd-text--h5[data-v-0e960601] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-0e960601] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-0e960601] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-0e960601] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-0e960601] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-0e960601] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-0e960601],
.orangehrm-dialog-header-container[data-v-0e960601] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-0e960601],
.orangehrm-dialog-header-container .oxd-button[data-v-0e960601] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-0e960601] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-0e960601] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-0e960601] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-0e960601] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-0e960601] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-0e960601] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-0e960601] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-0e960601] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-0e960601] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-0e960601] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-0e960601] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-0e960601] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-0e960601] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-0e960601] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-0e960601] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-0e960601] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-0e960601] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-0e960601] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-0e960601] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-0e960601] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-0e960601] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-0e960601] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-0e960601] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-0e960601] {
  color: #38455d;
}
.orangehrm-form-action[data-v-0e960601] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-0e960601] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-0e960601] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-0e960601] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-0e960601] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-0e960601] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-field-row[data-v-0e960601] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-module-field-label[data-v-0e960601] {
  box-sizing: border-box;
  font-family: "Nunito Sans";
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.65rem;
  padding: 0.675rem 0.5rem;
  padding: 0;
  flex-basis: 75%;
}

.orangehrm-paper-container[data-v-33e33d2a] {
  display: grid;
  gap: 1.5rem;
}

/* Record Card */
.orangehrm-record-card[data-v-33e33d2a] {
  background: #ffffff;
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: all 0.3s ease;
}
.orangehrm-record-card[data-v-33e33d2a]:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* Header */
.record-header[data-v-33e33d2a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem 1.5rem;
  background: #f9f9f9;
  border-bottom: 1px solid #e8e8e8;
  cursor: pointer;
}
.record-title[data-v-33e33d2a] {
  margin: 0;
  font-weight: 600;
  color: #2c3e50;
}
.expand-icon[data-v-33e33d2a] {
  color: #64728c;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.expand-icon[data-v-33e33d2a]:hover {
  color: #1e88e5;
}

/* Meta Information */
.record-meta[data-v-33e33d2a] {
  display: flex;
  gap: 2rem;
  padding: 1rem 1.5rem;
  border-bottom: 1px solid #f0f0f0;
}
.meta-item[data-v-33e33d2a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.meta-label[data-v-33e33d2a] {
  font-size: 0.75rem;
  color: #64728c;
  margin: 0;
}
.meta-value[data-v-33e33d2a] {
  font-size: 0.875rem;
  color: #2c3e50;
  font-weight: 500;
  margin: 0;
}

/* Content */
.record-content[data-v-33e33d2a] {
  padding: 1.5rem;
}
.record-description[data-v-33e33d2a] {
  color: #64728c;
  margin-bottom: 1.5rem;
}

/* Details Sections */
.record-details[data-v-33e33d2a] {
  display: grid;
  opacity: 0.6;
  gap: 2rem;
}
.detail-section[data-v-33e33d2a] {
  padding: 1rem;
  background: #fafafa;
  border-radius: 6px;
}
.section-title[data-v-33e33d2a] {
  font-weight: 600;
  color: #2c3e50;
  margin-bottom: 1rem;
  padding-bottom: 0.5rem;
  border-bottom: 1px solid #e8e8e8;
}
.detail-grid[data-v-33e33d2a] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 1rem;
}
.detail-item[data-v-33e33d2a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.detail-label[data-v-33e33d2a] {
  font-size: 0.75rem;
  color: #64728c;
  margin: 0;
}
.detail-value[data-v-33e33d2a] {
  font-size: 0.875rem;
  color: #2c3e50;
  font-weight: 500;
  margin: 0;
  word-break: break-word;
}

/* Highlight Section for 2316 */
.highlight-section[data-v-33e33d2a] {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  background: #e3f2fd;
  border-radius: 6px;
  align-items: flex-start;
  margin-top: 1.5rem;
}
.highlight-icon[data-v-33e33d2a] {
  color: #1e88e5;
  margin-top: 0.2rem;
}
.highlight-content[data-v-33e33d2a] {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.highlight-label[data-v-33e33d2a] {
  font-weight: 600;
  color: #1e88e5;
  margin: 0;
}
.highlight-value[data-v-33e33d2a] {
  color: #1565c0;
  margin: 0;
}

/* Actions */
.record-actions[data-v-33e33d2a] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e8e8e8;
  align-items: flex-start;
}
.action-text[data-v-33e33d2a] {
  color: #64728c;
  margin: 0;
}
.action-button[data-v-33e33d2a] {
  min-width: 180px;
}
.action-button[data-v-33e33d2a]:disabled {
  background-color: #e0e0e0;
  cursor: not-allowed;
}
.action-hint[data-v-33e33d2a] {
  font-size: 0.75rem;
  color: #4caf50;
  margin: 0;
  font-style: italic;
}

/* Empty State */
.empty-state[data-v-33e33d2a] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 3rem;
  text-align: center;
  background: #f9f9f9;
  border-radius: 8px;
}
.empty-icon[data-v-33e33d2a] {
  font-size: 3rem;
  color: #cfd8dc;
  margin-bottom: 1rem;
}
.empty-text[data-v-33e33d2a] {
  color: #90a4ae;
  margin: 0;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-190d8524] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-190d8524] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-190d8524] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-190d8524] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-190d8524] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-190d8524] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-190d8524] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-190d8524] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-190d8524] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-190d8524]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-190d8524] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-190d8524] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-190d8524] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-190d8524] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-190d8524] {
  background-image: none !important;
}
.oxd-text--h5[data-v-190d8524] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-190d8524] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-190d8524] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-190d8524] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-190d8524] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-190d8524] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-190d8524],
.orangehrm-dialog-header-container[data-v-190d8524] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-190d8524],
.orangehrm-dialog-header-container .oxd-button[data-v-190d8524] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-190d8524] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-190d8524] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-190d8524] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-190d8524] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-190d8524] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-190d8524] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-190d8524] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-190d8524] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-190d8524] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-190d8524] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-190d8524] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-190d8524] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-190d8524] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-190d8524] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-190d8524] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-190d8524] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-190d8524] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-190d8524] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-190d8524] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-190d8524] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-190d8524] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-190d8524] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-190d8524] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-190d8524] {
  color: #38455d;
}
.orangehrm-form-action[data-v-190d8524] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-190d8524] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-190d8524] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-190d8524] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-190d8524] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-190d8524] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.document-request-form[data-v-190d8524] {
  padding: 1rem;
}
.document-request-form .orangehrm-form-title[data-v-190d8524] {
  margin-bottom: 1.5rem;
  color: var(--oxd-primary-one-color);
}
.document-request-form .oxd-form-row[data-v-190d8524] {
  margin-bottom: 1rem;
}
.document-request-form .oxd-textarea[data-v-190d8524] {
  min-height: 100px;
}
.document-request-form .orangehrm-main-title[data-v-190d8524] {
  margin-bottom: 1rem;
}
.document-request-form .attachment-link[data-v-190d8524] {
  cursor: pointer;
  color: blue;
  display: flex;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
.document-request-form .grid-padding[data-v-190d8524] {
  padding-right: 8px;
  padding-left: 8px;
}
.payslip-header[data-v-190d8524] {
  display: flex;
  justify-content: space-between;
}
.payslip-header .actions[data-v-190d8524] {
  display: flex;
  gap: 15px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.parameter-list {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 10px;
}
.parameter-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.parameter-name {
  font-weight: 600;
  opacity: 0.8;
}
.parameter-value {
  font-family: monospace;
  color: #2c3e50;
  background-color: #f0f0f0;
  padding: 2px 5px;
  border-radius: 3px;
  word-break: break-all;
}
.expand-icon {
  cursor: pointer;
}

.switch-text[data-v-363dc540] {
      font-size: 12px;
      font-weight: 600;
      padding-bottom: 2%;
      padding-top: 2%;
}
.oxd-color-input .oxd-color-input--active[data-v-363dc540] {
      margin-right: 51%;
}
.table[data-v-363dc540],.mb-mid[data-v-363dc540]
    {
        margin-bottom: 20px;
}
.table[data-v-363dc540] {
&-title[data-v-363dc540]
        {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-block: 20px 5px;
}
}
  
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-editor {
  width: 100%;
  margin-bottom: 50px;
  padding-inline: 15px;
  border-radius: 3px;
}
.text-editor .editor {
  min-height: 12rem !important;
  max-height: 30rem !important;
  overflow-y: scroll !important;
}
.text-editor .editor p img {
  max-width: 30%;
}
.text-editor .ql-container {
  border-radius: 0 0 8px 8px !important;
}
.text-editor .ql-toolbar {
  border-radius: 8px 8px 0 0 !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-84b8e2a8] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-84b8e2a8] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-84b8e2a8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-84b8e2a8] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-84b8e2a8] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-84b8e2a8] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-84b8e2a8] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-84b8e2a8] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-84b8e2a8] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-84b8e2a8]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-84b8e2a8] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-84b8e2a8] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-84b8e2a8] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-84b8e2a8] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-84b8e2a8] {
  background-image: none !important;
}
.oxd-text--h5[data-v-84b8e2a8] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-84b8e2a8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-84b8e2a8] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-84b8e2a8] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-84b8e2a8] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-84b8e2a8] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-84b8e2a8],
.orangehrm-dialog-header-container[data-v-84b8e2a8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-84b8e2a8],
.orangehrm-dialog-header-container .oxd-button[data-v-84b8e2a8] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-84b8e2a8] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-84b8e2a8] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-84b8e2a8] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-84b8e2a8] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-84b8e2a8] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-84b8e2a8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-84b8e2a8] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-84b8e2a8] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-84b8e2a8] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-84b8e2a8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-84b8e2a8] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-84b8e2a8] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-84b8e2a8] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-84b8e2a8] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-84b8e2a8] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-84b8e2a8] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-84b8e2a8] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-84b8e2a8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-84b8e2a8] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-84b8e2a8] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-84b8e2a8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-84b8e2a8] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-84b8e2a8] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-84b8e2a8] {
  color: #38455d;
}
.orangehrm-form-action[data-v-84b8e2a8] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-84b8e2a8] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-84b8e2a8] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-84b8e2a8] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-84b8e2a8] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-84b8e2a8] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.note[data-v-84b8e2a8] {
  font-size: 12px;
  padding-top: 22px;
  color: #e7110a !important;
}
.orangehrm-card-container[data-v-84b8e2a8] {
  padding: 1.5rem;
}
.editor-container[data-v-84b8e2a8] {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 1rem;
  height: 500px;
}
.variable-container[data-v-84b8e2a8] {
  max-height: 500px;
  background-color: #f7f7f8;
  border-radius: 8px;
  font-family: "Nunito Sans";
  font-size: 12px;
  color: #697565;
  overflow-y: auto;
  padding: 3px 10px;
  border: 1px solid #e8e8e8;
}
.variable-container .main-label[data-v-84b8e2a8] {
  font-weight: 800;
  margin-bottom: 5px;
  padding-top: 5px;
}
.variable-container .placeholder-button[data-v-84b8e2a8] {
  cursor: pointer;
  margin: 5px;
  font-size: small;
  height: 25px;
  padding: 5px 10px 5px 10px;
}
.orangehrm-main-title[data-v-84b8e2a8] {
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
.editor-container[data-v-84b8e2a8] {
    grid-template-columns: 1fr;
    height: auto;
}
.variable-container[data-v-84b8e2a8] {
    max-height: 200px;
    margin-top: 1rem;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.note {
  font-size: 12px;
  padding-top: 22px;
  color: #e7110a !important;
}
.editor-container {
  display: grid;
  grid-template-columns: 3fr 1fr;
}
.variable-container {
  max-height: 500px;
  background-color: #f7f7f8;
  border-radius: 8px;
  font-family: "Nunito Sans";
  font-size: 12px;
  color: #697565;
  overflow-y: scroll;
  padding: 3px 10px;
}
.variable-container .main-label {
  font-weight: 800;
  margin-bottom: 5px;
}
.variable-container .placeholder-button {
  cursor: pointer;
  margin: 5px;
  font-size: small;
  height: 25px;
  padding: 5px 10px 5px 10px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-c97e3404] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-c97e3404] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-c97e3404] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-c97e3404] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-c97e3404] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-c97e3404] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-c97e3404] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-c97e3404] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-c97e3404] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-c97e3404]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-c97e3404] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-c97e3404] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-c97e3404] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-c97e3404] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-c97e3404] {
  background-image: none !important;
}
.oxd-text--h5[data-v-c97e3404] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-c97e3404] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-c97e3404] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-c97e3404] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-c97e3404] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-c97e3404] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-c97e3404],
.orangehrm-dialog-header-container[data-v-c97e3404] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-c97e3404],
.orangehrm-dialog-header-container .oxd-button[data-v-c97e3404] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-c97e3404] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-c97e3404] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-c97e3404] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-c97e3404] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-c97e3404] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-c97e3404] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-c97e3404] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-c97e3404] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-c97e3404] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-c97e3404] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-c97e3404] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-c97e3404] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-c97e3404] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-c97e3404] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-c97e3404] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-c97e3404] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-c97e3404] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-c97e3404] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-c97e3404] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-c97e3404] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-c97e3404] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-c97e3404] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-c97e3404] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-c97e3404] {
  color: #38455d;
}
.orangehrm-form-action[data-v-c97e3404] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-c97e3404] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-c97e3404] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-c97e3404] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-c97e3404] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-c97e3404] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-c97e3404] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-c97e3404] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-c97e3404] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-c97e3404] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-c97e3404] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-c97e3404] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-container {
  width: 100%;
  overflow: scroll;
}
.custom-table {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.table-body {
  display: grid;
  grid-gap: 5px;
  width: 100%;
}
.table-row.body:hover {
  background-color: #f1f3f6;
  box-shadow: 0 2px 8px rgba(100, 114, 140, 0.08);
  transition: background 0.2s, box-shadow 0.2s;
}
.table-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  min-height: 45px;
  min-width: 100%;
}
.table-row.body {
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.table-row.header {
  position: sticky;
  top: -10px;
  background-color: #e8eaef;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
}
.table-row .header__items {
  width: 100%;
  font-weight: 700;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px;
}
.table-row .body__items {
  width: 100%;
}
.table-row td {
  font-weight: 400;
}
.table-row.header__items.hide {
  display: none;
}
.table-column {
  color: #64728c;
  overflow-wrap: break-word;
  word-break: break-word;
  font-family: "Nunito Sans";
  font-size: 0.75rem;
  text-align: left;
  padding-inline: 5px;
}
.table-column:first-child {
  padding-left: 15px;
}
.table-column:last-child {
  padding-right: 15px;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-button {
  padding: 8px 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}
.dropdown-content {
  position: absolute;
  top: 100%; /* Ensure dropdown appears directly below the button */
  right: 0; /* Align to the right */
  background-color: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 999; /* Ensure it appears on top */
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropdown-content li {
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dropdown-content li:hover {
  background-color: #f0f0f0;
}
.dropdown-icon {
  margin-right: 8px;
}
.sortable-header {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sortable-header:hover {
  opacity: 0.8;
}
.sort-icons .sort-active {
  color: #034ea2;
  opacity: 1;
}
.sort-icons .sort-inactive {
  color: #c4c4c4;
  opacity: 0.4;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6f84484f] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6f84484f] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6f84484f] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6f84484f] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6f84484f] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6f84484f] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6f84484f] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6f84484f] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6f84484f] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6f84484f]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6f84484f] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6f84484f] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6f84484f] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6f84484f] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6f84484f] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6f84484f] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6f84484f] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6f84484f] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6f84484f] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6f84484f] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6f84484f] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6f84484f],
.orangehrm-dialog-header-container[data-v-6f84484f] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6f84484f],
.orangehrm-dialog-header-container .oxd-button[data-v-6f84484f] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6f84484f] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6f84484f] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6f84484f] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6f84484f] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6f84484f] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6f84484f] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6f84484f] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6f84484f] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6f84484f] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6f84484f] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6f84484f] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6f84484f] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6f84484f] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6f84484f] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6f84484f] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6f84484f] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6f84484f] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6f84484f] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6f84484f] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6f84484f] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6f84484f] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6f84484f] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6f84484f] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6f84484f] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6f84484f] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6f84484f] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6f84484f] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6f84484f] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6f84484f] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6f84484f] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-6f84484f] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-6f84484f] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-6f84484f] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-6f84484f] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-6f84484f] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-6f84484f] {
  padding: 2%;
}
.action-buttons[data-v-6f84484f] {
  display: flex;
  gap: 10px;
}
.action-buttons .hidden[data-v-6f84484f] {
  display: none;
}
.orangehrm-paper-container.second[data-v-6f84484f] {
  overflow-x: hidden;
}
.orangehrm-container[data-v-6f84484f] {
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 250px);
}
.orangehrm-container.onLoading[data-v-6f84484f] {
  min-height: 350px;
}
.action-buttons-bottom[data-v-6f84484f] {
  display: flex;
  justify-content: flex-end;
  gap: 30px;
}
.orangehrm-header-container .total[data-v-6f84484f] {
  font-family: "Nunito Sans";
  color: #64728c;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-b0f6a6c0] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-b0f6a6c0] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-b0f6a6c0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-b0f6a6c0] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-b0f6a6c0] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-b0f6a6c0] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-b0f6a6c0] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-b0f6a6c0] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-b0f6a6c0] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-b0f6a6c0]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-b0f6a6c0] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-b0f6a6c0] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-b0f6a6c0] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-b0f6a6c0] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-b0f6a6c0] {
  background-image: none !important;
}
.oxd-text--h5[data-v-b0f6a6c0] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-b0f6a6c0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-b0f6a6c0] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-b0f6a6c0] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-b0f6a6c0] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-b0f6a6c0] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-b0f6a6c0],
.orangehrm-dialog-header-container[data-v-b0f6a6c0] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-b0f6a6c0],
.orangehrm-dialog-header-container .oxd-button[data-v-b0f6a6c0] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-b0f6a6c0] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-b0f6a6c0] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-b0f6a6c0] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-b0f6a6c0] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-b0f6a6c0] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-b0f6a6c0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-b0f6a6c0] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-b0f6a6c0] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-b0f6a6c0] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-b0f6a6c0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-b0f6a6c0] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-b0f6a6c0] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-b0f6a6c0] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-b0f6a6c0] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-b0f6a6c0] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-b0f6a6c0] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-b0f6a6c0] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-b0f6a6c0] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-b0f6a6c0] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-b0f6a6c0] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-b0f6a6c0] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-b0f6a6c0] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-b0f6a6c0] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-b0f6a6c0] {
  color: #38455d;
}
.orangehrm-form-action[data-v-b0f6a6c0] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-b0f6a6c0] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-b0f6a6c0] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-b0f6a6c0] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-b0f6a6c0] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-b0f6a6c0] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hrp-content[data-v-b0f6a6c0] {
  padding: 2%;
}
.action-buttons[data-v-b0f6a6c0] {
  display: flex;
  gap: 10px;
}
.orangehrm-container[data-v-b0f6a6c0] {
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 250px);
}

.table-grid[data-v-3bb649bb] {
    margin-top: -2px;
  width: 100%; 
  border-collapse: collapse; 
  table-layout: fixed;
}
.table-grid td[data-v-3bb649bb] {
  padding: 12px 12px 12px 30px; 
  border: 2px solid #6D7A93; 
  vertical-align: middle; 
  font-size: 20px;
}
.table-grid td[data-v-3bb649bb]:first-child {
  background-color: #DDE2EB; 
  font-weight: bold;
}
.request-label[data-v-3bb649bb], .request-value[data-v-3bb649bb] {
  display: block;
  text-align: left;
}
.header-title[data-v-3bb649bb] {
font-size: 20px; 
  text-align: center;
  margin-bottom: 20px; 
  font-family: 'Nunito Sans', sans-serif;
}
.full-width[data-v-3bb649bb] {
  width: 100%;
}
.oxd-dialog[data-v-3bb649bb] {
  width: 100%; 
  max-width: 500px;
}
.oxd-label[data-v-3bb649bb] {
  font-size: 16px;
  font-weight: 700;
}
.status-display[data-v-3bb649bb] {
  font-size: 18px;
  font-family: 'Nunito Sans', sans-serif;
  color: #6D7A93;
  font-weight: 900;
  display: flex;
  align-items: center;
  /* justify-content: center;  */
  margin-top: 10px;
}
.status-circle[data-v-3bb649bb] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
  background-color: gray;
}
.status-circle.pending[data-v-3bb649bb] {
  background-color: #D6CD00;
}
.status-circle.declined[data-v-3bb649bb] {
  background-color: red;
}
.status-circle.approved[data-v-3bb649bb] {
  background-color: rgb(87, 227, 87);
}
.accordion[data-v-3bb649bb] {
  max-width: 100%; 
  width: 100%; 
  margin: 5px auto;
}
.accordion-parent[data-v-3bb649bb] {
  display: flex;
  flex-direction: column; 
  width: 100%;
}
.accordion-header[data-v-3bb649bb] {
  cursor: pointer;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-family: Nunito Sans;
  color: #64728c;
  font-weight: 700;
}
.accordion-header .icon[data-v-3bb649bb] {
  transition: transform 0.3s ease;
  color: #64728c;
}
.accordion-header .is-open[data-v-3bb649bb] {
  transform: rotate(180deg);
}
.accordion-content[data-v-3bb649bb] {
  padding: 20px;
  border: 1px solid #ccc;
  border-top: none;
  background-color: white;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-90a8b00e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-90a8b00e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-90a8b00e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-90a8b00e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-90a8b00e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-90a8b00e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-90a8b00e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-90a8b00e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-90a8b00e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-90a8b00e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-90a8b00e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-90a8b00e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-90a8b00e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-90a8b00e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-90a8b00e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-90a8b00e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-90a8b00e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-90a8b00e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-90a8b00e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-90a8b00e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-90a8b00e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-90a8b00e],
.orangehrm-dialog-header-container[data-v-90a8b00e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-90a8b00e],
.orangehrm-dialog-header-container .oxd-button[data-v-90a8b00e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-90a8b00e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-90a8b00e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-90a8b00e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-90a8b00e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-90a8b00e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-90a8b00e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-90a8b00e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-90a8b00e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-90a8b00e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-90a8b00e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-90a8b00e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-90a8b00e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-90a8b00e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-90a8b00e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-90a8b00e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-90a8b00e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-90a8b00e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-90a8b00e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-90a8b00e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-90a8b00e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-90a8b00e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-90a8b00e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-90a8b00e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-90a8b00e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-90a8b00e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-90a8b00e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-90a8b00e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-90a8b00e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-90a8b00e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-90a8b00e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-90a8b00e] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-90a8b00e] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-90a8b00e] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-90a8b00e] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-90a8b00e] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-90a8b00e] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3f856e12] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3f856e12] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3f856e12] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3f856e12] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3f856e12] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3f856e12] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3f856e12] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3f856e12] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3f856e12] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3f856e12]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3f856e12] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3f856e12] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3f856e12] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3f856e12] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3f856e12] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3f856e12] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3f856e12] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3f856e12] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3f856e12] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3f856e12] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3f856e12] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3f856e12],
.orangehrm-dialog-header-container[data-v-3f856e12] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3f856e12],
.orangehrm-dialog-header-container .oxd-button[data-v-3f856e12] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3f856e12] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3f856e12] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3f856e12] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3f856e12] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3f856e12] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3f856e12] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3f856e12] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3f856e12] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3f856e12] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3f856e12] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3f856e12] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3f856e12] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3f856e12] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3f856e12] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3f856e12] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3f856e12] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3f856e12] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3f856e12] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3f856e12] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3f856e12] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3f856e12] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3f856e12] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3f856e12] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3f856e12] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3f856e12] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3f856e12] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3f856e12] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3f856e12] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3f856e12] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3f856e12] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-3f856e12] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-3f856e12] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-3f856e12] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-3f856e12] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-3f856e12] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-3f856e12] {
  padding: 2%;
}

.switch-text[data-v-2b389485] {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 2%;
  padding-top: 2%;
}
.oxd-color-input .oxd-color-input--active[data-v-2b389485] {
  margin-right: 51%;
}



.table-grid[data-v-312d5cf5] {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
}
.table-grid td[data-v-312d5cf5] {
  padding: 12px 12px 12px 30px;
  border: 2px solid #6d7a93;
  vertical-align: middle;
  font-size: 20px;
}
.table-grid td[data-v-312d5cf5]:first-child {
  background-color: #dde2eb;
  font-weight: bold;
}
.card-header[data-v-312d5cf5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  color: #007bff;
  cursor: pointer;
  font-family: Nunito Sans;
  font-size: 16px;
  font-weight: 800;
  color: #6d7a93;
}
.card-header .arrow[data-v-312d5cf5] {
  border: solid #6d7a93;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 3px;
  transition: transform 0.3s ease;
}
.card-body[data-v-312d5cf5] {
  padding: 20px;
  background-color: #ffffff;
  border-top: 1px solid #dee2e6;
}
.arrow-up[data-v-312d5cf5] {
  transform: rotate(-135deg);
}
.arrow-down[data-v-312d5cf5] {
  transform: rotate(45deg);
}
.card[data-v-312d5cf5] {
  margin-bottom: 10px;
  border: 1px solid #dee2e6;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.header-title[data-v-312d5cf5] {
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  font-family: 'Nunito Sans', sans-serif;
}
.status-display[data-v-312d5cf5] {
  font-size: 18px;
  font-family: 'Nunito Sans', sans-serif;
  color: #6d7a93;
  font-weight: 900;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.status-circle[data-v-312d5cf5] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
  background-color: gray;
}
.status-circle.pending[data-v-312d5cf5] {
  background-color: #d6cd00;
}
.status-circle.declined[data-v-312d5cf5] {
  background-color: red;
}
.status-circle.approved[data-v-312d5cf5] {
  background-color: rgb(87, 227, 87);
}
.request-label[data-v-312d5cf5],
.request-value[data-v-312d5cf5] {
  display: block;
  text-align: left;
}
.oxd-label[data-v-312d5cf5] {
  font-size: 16px;
  font-weight: 700;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-90883d9e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-90883d9e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-90883d9e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-90883d9e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-90883d9e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-90883d9e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-90883d9e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-90883d9e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-90883d9e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-90883d9e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-90883d9e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-90883d9e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-90883d9e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-90883d9e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-90883d9e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-90883d9e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-90883d9e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-90883d9e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-90883d9e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-90883d9e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-90883d9e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-90883d9e],
.orangehrm-dialog-header-container[data-v-90883d9e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-90883d9e],
.orangehrm-dialog-header-container .oxd-button[data-v-90883d9e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-90883d9e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-90883d9e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-90883d9e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-90883d9e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-90883d9e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-90883d9e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-90883d9e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-90883d9e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-90883d9e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-90883d9e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-90883d9e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-90883d9e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-90883d9e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-90883d9e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-90883d9e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-90883d9e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-90883d9e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-90883d9e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-90883d9e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-90883d9e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-90883d9e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-90883d9e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-90883d9e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-90883d9e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-90883d9e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-90883d9e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-90883d9e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-90883d9e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-90883d9e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-90883d9e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-90883d9e] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-90883d9e] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-90883d9e] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-90883d9e] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-90883d9e] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-90883d9e] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-593a8518] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-593a8518] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-593a8518] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-593a8518] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-593a8518] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-593a8518] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-593a8518] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-593a8518] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-593a8518] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-593a8518]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-593a8518] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-593a8518] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-593a8518] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-593a8518] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-593a8518] {
  background-image: none !important;
}
.oxd-text--h5[data-v-593a8518] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-593a8518] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-593a8518] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-593a8518] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-593a8518] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-593a8518] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-593a8518],
.orangehrm-dialog-header-container[data-v-593a8518] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-593a8518],
.orangehrm-dialog-header-container .oxd-button[data-v-593a8518] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-593a8518] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-593a8518] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-593a8518] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-593a8518] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-593a8518] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-593a8518] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-593a8518] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-593a8518] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-593a8518] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-593a8518] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-593a8518] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-593a8518] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-593a8518] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-593a8518] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-593a8518] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-593a8518] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-593a8518] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-593a8518] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-593a8518] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-593a8518] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-593a8518] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-593a8518] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-593a8518] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-593a8518] {
  color: #38455d;
}
.orangehrm-form-action[data-v-593a8518] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-593a8518] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-593a8518] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-593a8518] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-593a8518] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-593a8518] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.note[data-v-593a8518] {
  font-size: 12px;
  padding-top: 22px;
  color: #e7110a !important;
}
.orangehrm-card-container[data-v-593a8518] {
  padding: 1.5rem;
}
.editor-container[data-v-593a8518] {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 1rem;
  height: 500px;
}
.variable-container[data-v-593a8518] {
  max-height: 500px;
  background-color: #f7f7f8;
  border-radius: 8px;
  font-family: "Nunito Sans";
  font-size: 12px;
  color: #697565;
  overflow-y: auto;
  padding: 3px 10px;
  border: 1px solid #e8e8e8;
}
.variable-container .main-label[data-v-593a8518] {
  font-weight: 800;
  margin-bottom: 5px;
  padding-top: 5px;
}
.variable-container .placeholder-button[data-v-593a8518] {
  cursor: pointer;
  margin: 5px;
  font-size: small;
  height: 25px;
  padding: 5px 10px 5px 10px;
}
.orangehrm-main-title[data-v-593a8518] {
  margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
.editor-container[data-v-593a8518] {
    grid-template-columns: 1fr;
    height: auto;
}
.variable-container[data-v-593a8518] {
    max-height: 200px;
    margin-top: 1rem;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.note {
  font-size: 12px;
  padding-top: 22px;
  color: #e7110a !important;
}
.editor-container {
  display: grid;
  grid-template-columns: 3fr 1fr;
}
.variable-container {
  max-height: 500px;
  background-color: #f7f7f8;
  border-radius: 8px;
  font-family: "Nunito Sans";
  font-size: 12px;
  color: #697565;
  overflow-y: scroll;
  padding: 3px 10px;
}
.variable-container .main-label {
  font-weight: 800;
  margin-bottom: 5px;
}
.variable-container .placeholder-button {
  cursor: pointer;
  margin: 5px;
  font-size: small;
  height: 25px;
  padding: 5px 10px 5px 10px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.parameter-list {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 10px;
}
.parameter-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.parameter-name {
  font-weight: 600;
  opacity: 0.8;
}
.parameter-value {
  font-family: monospace;
  color: #2c3e50;
  background-color: #f0f0f0;
  padding: 2px 5px;
  border-radius: 3px;
  word-break: break-all;
}
.expand-icon {
  cursor: pointer;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4de012f8] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4de012f8] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4de012f8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4de012f8] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4de012f8] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4de012f8] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4de012f8] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4de012f8] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4de012f8] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4de012f8]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4de012f8] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4de012f8] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4de012f8] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4de012f8] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4de012f8] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4de012f8] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4de012f8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4de012f8] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4de012f8] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4de012f8] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4de012f8] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4de012f8],
.orangehrm-dialog-header-container[data-v-4de012f8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4de012f8],
.orangehrm-dialog-header-container .oxd-button[data-v-4de012f8] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4de012f8] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4de012f8] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4de012f8] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4de012f8] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4de012f8] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4de012f8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4de012f8] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4de012f8] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4de012f8] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4de012f8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4de012f8] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4de012f8] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4de012f8] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4de012f8] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4de012f8] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4de012f8] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4de012f8] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4de012f8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4de012f8] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4de012f8] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4de012f8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4de012f8] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4de012f8] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4de012f8] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4de012f8] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4de012f8] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4de012f8] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4de012f8] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4de012f8] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4de012f8] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.job-levels-container[data-v-4de012f8] .oxd-input-group {
  margin: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4c8af705] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4c8af705] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4c8af705] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4c8af705] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4c8af705] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4c8af705] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4c8af705] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4c8af705] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4c8af705] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4c8af705]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4c8af705] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4c8af705] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4c8af705] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4c8af705] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4c8af705] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4c8af705] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4c8af705] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4c8af705] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4c8af705] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4c8af705] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4c8af705] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4c8af705],
.orangehrm-dialog-header-container[data-v-4c8af705] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4c8af705],
.orangehrm-dialog-header-container .oxd-button[data-v-4c8af705] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4c8af705] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4c8af705] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4c8af705] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4c8af705] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4c8af705] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4c8af705] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4c8af705] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4c8af705] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4c8af705] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4c8af705] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4c8af705] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4c8af705] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4c8af705] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4c8af705] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4c8af705] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4c8af705] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4c8af705] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4c8af705] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4c8af705] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4c8af705] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4c8af705] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4c8af705] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4c8af705] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4c8af705] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4c8af705] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4c8af705] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4c8af705] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4c8af705] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4c8af705] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4c8af705] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.job-levels-container[data-v-4c8af705] .oxd-input-group {
  margin: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-container {
  width: 100%;
  overflow: scroll;
}
.custom-table {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.table-body {
  display: grid;
  grid-gap: 5px;
  width: 100%;
}
.table-row.body:hover {
  background-color: #f1f3f6;
  box-shadow: 0 2px 8px rgba(100, 114, 140, 0.08);
  transition: background 0.2s, box-shadow 0.2s;
}
.table-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  min-height: 45px;
  min-width: 100%;
}
.table-row.body {
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.table-row.header {
  position: sticky;
  top: -10px;
  background-color: #e8eaef;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
}
.table-row .header__items {
  width: 100%;
  font-weight: 700;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px;
}
.table-row .body__items {
  width: 100%;
}
.table-row td {
  font-weight: 400;
}
.table-row.header__items.hide {
  display: none;
}
.header-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  min-width: 100%;
}
.header-row.body {
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.header-row.header {
  position: sticky;
  top: -10px;
  background-color: #e8eaef;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
}
.header-row .header__items {
  width: 100%;
  font-weight: 700;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px;
}
.header-row .body__items {
  width: 100%;
}
.header-row td {
  font-weight: 400;
}
.header-row.header__items.hide {
  display: none;
}
.table-column {
  color: #64728c;
  overflow-wrap: break-word;
  word-break: break-word;
  font-family: "Nunito Sans";
  font-size: 0.75rem;
  text-align: left;
  padding-inline: 5px;
}
.table-column:first-child {
  padding-left: 15px;
}
.table-column:last-child {
  padding-right: 15px;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-button {
  padding: 8px 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}
.dropdown-content {
  position: absolute;
  top: 100%; /* Ensure dropdown appears directly below the button */
  right: 0; /* Align to the right */
  background-color: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 999; /* Ensure it appears on top */
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropdown-content li {
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dropdown-content li:hover {
  background-color: #f0f0f0;
}
.dropdown-icon {
  margin-right: 8px;
}
.tooltip-global {
  position: fixed;
  background: #333;
  color: #fff;
  padding: 5px 8px;
  font-size: 0.75rem;
  border-radius: 6px;
  pointer-events: none;
  white-space: nowrap;
  z-index: 9999;
  opacity: 0.9;
}
.custom-status-select {
  width: 100%;
  max-width: 120px; /* make dropdown narrower */
  font-size: 12px; /* smaller font */
}
.custom-status-select .vs__dropdown-toggle {
  height: 28px; /* shorter height */
  padding: 2px 6px;
  border-radius: 4px;
  border-color: #ccc;
}
.custom-status-select .vs__selected {
  margin: 0;
  padding: 0;
}
.custom-status-select .vs__actions {
  display: none; /* removes x/arrow icons if needed */
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.parameter-list {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 10px;
}
.parameter-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.parameter-name {
  font-weight: 600;
  opacity: 0.8;
}
.parameter-value {
  font-family: monospace;
  color: #2c3e50;
  background-color: #f0f0f0;
  padding: 2px 5px;
  border-radius: 3px;
  word-break: break-all;
}
.expand-icon {
  cursor: pointer;
}
.orangehrm-container {
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 250px);
}
.orangehrm-container.onLoading {
  min-height: 350px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-53b96ca0] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-53b96ca0] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-53b96ca0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-53b96ca0] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-53b96ca0] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-53b96ca0] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-53b96ca0] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-53b96ca0] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-53b96ca0] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-53b96ca0]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-53b96ca0] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-53b96ca0] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-53b96ca0] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-53b96ca0] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-53b96ca0] {
  background-image: none !important;
}
.oxd-text--h5[data-v-53b96ca0] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-53b96ca0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-53b96ca0] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-53b96ca0] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-53b96ca0] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-53b96ca0] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-53b96ca0],
.orangehrm-dialog-header-container[data-v-53b96ca0] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-53b96ca0],
.orangehrm-dialog-header-container .oxd-button[data-v-53b96ca0] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-53b96ca0] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-53b96ca0] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-53b96ca0] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-53b96ca0] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-53b96ca0] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-53b96ca0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-53b96ca0] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-53b96ca0] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-53b96ca0] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-53b96ca0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-53b96ca0] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-53b96ca0] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-53b96ca0] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-53b96ca0] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-53b96ca0] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-53b96ca0] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-53b96ca0] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-53b96ca0] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-53b96ca0] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-53b96ca0] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-53b96ca0] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-53b96ca0] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-53b96ca0] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-53b96ca0] {
  color: #38455d;
}
.orangehrm-form-action[data-v-53b96ca0] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-53b96ca0] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-53b96ca0] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-53b96ca0] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-53b96ca0] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-53b96ca0] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.document-request-form[data-v-53b96ca0] {
  padding: 1rem;
}
.document-request-form .orangehrm-form-title[data-v-53b96ca0] {
  margin-bottom: 1.5rem;
  color: var(--oxd-primary-one-color);
}
.document-request-form .oxd-form-row[data-v-53b96ca0] {
  margin-bottom: 1rem;
}
.document-request-form .oxd-textarea[data-v-53b96ca0] {
  min-height: 100px;
}
.document-request-form .orangehrm-main-title[data-v-53b96ca0] {
  margin-bottom: 1rem;
}
.document-request-form .attachment-link[data-v-53b96ca0] {
  cursor: pointer;
  color: blue;
  display: flex;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
.document-request-form .grid-padding[data-v-53b96ca0] {
  padding-right: 8px;
  padding-left: 8px;
}
.payslip-header[data-v-53b96ca0] {
  display: flex;
  justify-content: space-between;
}
.payslip-header .actions[data-v-53b96ca0] {
  display: flex;
  gap: 15px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.parameter-list {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 10px;
}
.parameter-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.parameter-name {
  font-weight: 600;
  opacity: 0.8;
}
.parameter-value {
  font-family: monospace;
  color: #2c3e50;
  background-color: #f0f0f0;
  padding: 2px 5px;
  border-radius: 3px;
  word-break: break-all;
}
.expand-icon {
  cursor: pointer;
}
.orangehrm-container {
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 250px);
}
.orangehrm-container.onLoading {
  min-height: 350px;
}

.switch-text[data-v-98e36976] {
      font-size: 12px;
      font-weight: 600;
      padding-bottom: 2%;
      padding-top: 2%;
}
.oxd-color-input .oxd-color-input--active[data-v-98e36976] {
      margin-right: 51%;
}
.table[data-v-98e36976],.mb-mid[data-v-98e36976]
    {
        margin-bottom: 20px;
}
.table[data-v-98e36976] {
&-title[data-v-98e36976]
        {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-block: 20px 5px;
}
}
  

.level-label[data-v-30a98e50] {
  font-size: 0.75rem;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-10468b0a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-10468b0a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-10468b0a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-10468b0a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-10468b0a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-10468b0a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-10468b0a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-10468b0a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-10468b0a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-10468b0a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-10468b0a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-10468b0a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-10468b0a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-10468b0a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-10468b0a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-10468b0a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-10468b0a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-10468b0a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-10468b0a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-10468b0a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-10468b0a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-10468b0a],
.orangehrm-dialog-header-container[data-v-10468b0a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-10468b0a],
.orangehrm-dialog-header-container .oxd-button[data-v-10468b0a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-10468b0a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-10468b0a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-10468b0a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-10468b0a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-10468b0a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-10468b0a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-10468b0a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-10468b0a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-10468b0a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-10468b0a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-10468b0a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-10468b0a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-10468b0a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-10468b0a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-10468b0a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-10468b0a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-10468b0a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-10468b0a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-10468b0a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-10468b0a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-10468b0a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-10468b0a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-10468b0a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-10468b0a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-10468b0a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-10468b0a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-10468b0a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-10468b0a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-10468b0a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-10468b0a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.org-root-container[data-v-10468b0a] {
  padding: 0.5em 2.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}
.org-root-container .oxd-text[data-v-10468b0a] {
  position: relative;
  display: flex;
  align-items: center;
}
.org-root-container .oxd-text.--parent[data-v-10468b0a]::after {
  content: "";
  border-left: 0.15rem solid var(--oxd-primary-one-color);
  height: 2rem;
  position: absolute;
  top: 50%;
  left: 0;
}
.org-root-container .oxd-text.--parent[data-v-10468b0a]::before {
  content: "";
  border-top: 0.15rem solid var(--oxd-primary-one-color);
  width: 1rem;
  margin-right: 0.5rem;
}
.org-container[data-v-10468b0a] {
  background-color: #e8eaef;
  padding: 0.5rem 2rem;
}
.org-container .loader[data-v-10468b0a] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem 0;
}
.org-container .loader .oxd-loading-spinner-container[data-v-10468b0a] {
  background-color: #ffffff;
}
.org-structure-card[data-v-10468b0a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  background-color: #ffffff;
  border-radius: 0.75rem;
  min-height: 35px;
}
.org-name[data-v-10468b0a] {
  overflow-wrap: break-word;
  word-break: break-all;
}
.org-structure-add[data-v-10468b0a] {
  min-width: unset;
  padding: 0.5rem 1rem;
}
.org-action[data-v-10468b0a] {
  display: flex;
}
.org-action-icon[data-v-10468b0a] {
  margin-right: 0.5rem;
}
.org-action-icon[data-v-10468b0a]:last-child {
  margin-right: unset;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.oxd-tree-node-content {
  width: 100%;
}
.oxd-tree-node-toggle .oxd-icon-button {
  background-color: #ffffff !important;
}

.switch-text[data-v-31ec8359] {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 2%;
  padding-top: 2%;
}
.oxd-color-input .oxd-color-input--active[data-v-31ec8359] {
  margin-right: 51%;
}



.competency-tree[data-v-4bfa759b] {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    font-size: 12px;
    overflow-x: hidden;
}
.competency-tree-header[data-v-4bfa759b],
  .competency-tree-row[data-v-4bfa759b] {
    display: grid;
    grid-template-columns: 36px minmax(0, 1.6fr) minmax(0, 2fr) 80px 96px;
    align-items: center;
    -moz-column-gap: 8px;
         column-gap: 8px;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}
.competency-tree-header[data-v-4bfa759b] {
    padding: 14px 16px;
    font-weight: 700;
    color: #64728c;
    background: #eef1f6;
}
.competency-tree-group[data-v-4bfa759b] {
    width: 100%;
    max-width: 100%;
    margin-bottom: 8px;
    overflow: hidden;
    border-radius: 22px;
    background: #fff;
    box-sizing: border-box;
}
.competency-tree-row[data-v-4bfa759b] {
    min-height: 58px;
    padding: 0 16px;
    color: #64728c;
}
.competency-tree-row-child[data-v-4bfa759b] {
    border-top: 1px solid #eef1f6;
}
.competency-tree-row > div[data-v-4bfa759b],
  .competency-tree-header > div[data-v-4bfa759b] {
    min-width: 0;
    overflow-wrap: break-word;
    word-break: break-word;
}
.competency-tree-name[data-v-4bfa759b] {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
}
.parent-name[data-v-4bfa759b] {
    font-weight: 700;
}
.child-name[data-v-4bfa759b] {
    padding-left: 12px;
}
.tree-toggle[data-v-4bfa759b] {
    flex-shrink: 0;
    border: none;
    background: transparent;
    color: #64728c;
    cursor: pointer;
    font-size: 13px;
    padding: 0;
}
.tree-branch[data-v-4bfa759b] {
    flex-shrink: 0;
    font-family: monospace;
    color: #8a9ab3;
}
.competency-tree-actions[data-v-4bfa759b] {
    display: flex;
    gap: 6px;
    justify-content: flex-start;
    align-items: center;
    min-width: 0;
}
.competency-tree-actions[data-v-4bfa759b] .oxd-icon-button {
    width: 36px;
    height: 36px;
    min-width: 36px;
}
.competency-tree-empty[data-v-4bfa759b] {
    padding: 24px;
    text-align: center;
    color: #64728c;
    background: #fff;
    border-radius: 22px;
}
.orangehrm-container[data-v-4bfa759b] {
    overflow-x: hidden;
}

  /* Smaller screens */
@media screen and (max-width: 900px) {
.competency-tree-header[data-v-4bfa759b],
    .competency-tree-row[data-v-4bfa759b] {
      grid-template-columns: 32px minmax(0, 1.6fr) minmax(0, 1.8fr) 70px 84px;
      -moz-column-gap: 6px;
           column-gap: 6px;
}
.competency-tree-header[data-v-4bfa759b],
    .competency-tree-row[data-v-4bfa759b] {
      padding-left: 12px;
      padding-right: 12px;
}
.child-name[data-v-4bfa759b] {
      padding-left: 6px;
}
.competency-tree-actions[data-v-4bfa759b] .oxd-icon-button {
      width: 32px;
      height: 32px;
      min-width: 32px;
}
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-32691153] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-32691153] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-32691153] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-32691153] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-32691153] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-32691153] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-32691153] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-32691153] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-32691153] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-32691153]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-32691153] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-32691153] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-32691153] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-32691153] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-32691153] {
  background-image: none !important;
}
.oxd-text--h5[data-v-32691153] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-32691153] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-32691153] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-32691153] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-32691153] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-32691153] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-32691153],
.orangehrm-dialog-header-container[data-v-32691153] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-32691153],
.orangehrm-dialog-header-container .oxd-button[data-v-32691153] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-32691153] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-32691153] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-32691153] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-32691153] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-32691153] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-32691153] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-32691153] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-32691153] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-32691153] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-32691153] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-32691153] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-32691153] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-32691153] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-32691153] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-32691153] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-32691153] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-32691153] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-32691153] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-32691153] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-32691153] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-32691153] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-32691153] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-32691153] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-32691153] {
  color: #38455d;
}
.orangehrm-form-action[data-v-32691153] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-32691153] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-32691153] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-32691153] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-32691153] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-32691153] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**
 * Solid Buttons
**/
/* Main */
/* Secondary */
/* Info */
/* Danger */
/* Warning */
/* Success */
/**
 * Ghost Button
**/
/* Info */
/* Danger */
/* Warning */
/* Success */
/* Tool */
/**
 * Label Button
**/
/* Info */
/* Danger */
/* Warning */
/* Success */
/* Text button */
/**
 * Icon Button
**/
/**
 * List Button
**/
.employee-image[data-v-32691153] {
  height: 8rem;
}
.orangehrm-input-hint[data-v-32691153] {
  text-align: center;
  margin: 0 auto;
}
[data-v-32691153] .oxd-file-div {
  border: 1px solid #e8eaef;
  border-radius: 100% !important;
  width: 8rem !important;
  height: 8rem !important;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.employee-image-wrapper[data-v-32691153] {
  height: 90%;
  width: 90%;
  overflow: hidden;
  border: 1px solid #e8eaef;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
.employee-image-action[data-v-32691153] {
  position: absolute;
  right: 0;
  bottom: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-color);
}
.employee-image-action[data-v-32691153]:focus {
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-lighten-5-color);
}
.employee-image-action[data-v-32691153]:hover {
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-lighten-5-color);
}
.employee-image-action[data-v-32691153]:active {
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-darken-5-color);
}
.employee-image-action[data-v-32691153]:disabled {
  color: var(--oxd-primary-font-color);
  background-color: #e8eaef;
}
.employee-image-action[data-v-32691153] .oxd-icon {
  color: #ffffff;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-08de796a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-08de796a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-08de796a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-08de796a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-08de796a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-08de796a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-08de796a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-08de796a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-08de796a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-08de796a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-08de796a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-08de796a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-08de796a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-08de796a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-08de796a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-08de796a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-08de796a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-08de796a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-08de796a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-08de796a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-08de796a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-08de796a],
.orangehrm-dialog-header-container[data-v-08de796a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-08de796a],
.orangehrm-dialog-header-container .oxd-button[data-v-08de796a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-08de796a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-08de796a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-08de796a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-08de796a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-08de796a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-08de796a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-08de796a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-08de796a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-08de796a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-08de796a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-08de796a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-08de796a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-08de796a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-08de796a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-08de796a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-08de796a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-08de796a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-08de796a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-08de796a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-08de796a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-08de796a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-08de796a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-08de796a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-08de796a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-08de796a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-08de796a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-08de796a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-08de796a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-08de796a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-08de796a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 800px) {
[data-v-08de796a] .--name-grouped-field {
    display: flex;
}
[data-v-08de796a] .orangehrm-firstname {
    border-bottom-right-radius: unset;
    border-top-right-radius: unset;
    text-overflow: ellipsis;
}
[data-v-08de796a] .orangehrm-lastname {
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
    text-overflow: ellipsis;
}
[data-v-08de796a] .orangehrm-middlename {
    border-radius: unset;
    text-overflow: ellipsis;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-1ddf221b] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-1ddf221b] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-1ddf221b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-1ddf221b] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-1ddf221b] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-1ddf221b] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-1ddf221b] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-1ddf221b] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-1ddf221b] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-1ddf221b]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-1ddf221b] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-1ddf221b] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-1ddf221b] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-1ddf221b] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-1ddf221b] {
  background-image: none !important;
}
.oxd-text--h5[data-v-1ddf221b] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-1ddf221b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-1ddf221b] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-1ddf221b] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-1ddf221b] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-1ddf221b] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-1ddf221b],
.orangehrm-dialog-header-container[data-v-1ddf221b] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-1ddf221b],
.orangehrm-dialog-header-container .oxd-button[data-v-1ddf221b] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-1ddf221b] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-1ddf221b] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-1ddf221b] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-1ddf221b] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-1ddf221b] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-1ddf221b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-1ddf221b] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-1ddf221b] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-1ddf221b] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-1ddf221b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-1ddf221b] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-1ddf221b] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-1ddf221b] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-1ddf221b] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-1ddf221b] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-1ddf221b] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-1ddf221b] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-1ddf221b] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-1ddf221b] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-1ddf221b] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-1ddf221b] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-1ddf221b] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-1ddf221b] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-1ddf221b] {
  color: #38455d;
}
.orangehrm-form-action[data-v-1ddf221b] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-1ddf221b] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-1ddf221b] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-1ddf221b] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-1ddf221b] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-1ddf221b] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.input-container[data-v-1ddf221b] {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  font-family: "Nunito Sans";
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.65rem;
  padding: 0.675rem 0.5rem;
  width: 100%;
  border: 1px solid #e8eaef;
  min-height: 45px;
  cursor: pointer;
  text-decoration: underline;
}
.input-container-filename[data-v-1ddf221b] {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 75%;
  white-space: nowrap;
}
.input-container-loader[data-v-1ddf221b] {
  position: absolute;
  right: 10px;
}
.input-container-icon[data-v-1ddf221b] {
  font-size: inherit !important;
  min-width: unset;
  min-height: unset;
  border-radius: 0.65rem;
  padding: 0.3rem;
  margin-left: auto;
}
.input-container.--disabled[data-v-1ddf221b] {
  cursor: not-allowed;
  text-decoration: none;
}
.input-container[data-v-1ddf221b] .oxd-loading-spinner {
  width: 1rem;
  height: 1rem;
}

[data-v-321205df] .oxd-select-dropdown {
  max-height: 150px;
  overflow-y: auto;
}


.accordion[data-v-2fd04746] {
  max-width: 100%;
  width: 100%;
  margin: 5px auto;
}
.accordion-parent[data-v-2fd04746] {
  display: flex;
  flex-direction: column;
  /* max-width: 75%; */
  width: 100%;
}
.accordion-header[data-v-2fd04746] {
  cursor: pointer;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-family: Nunito Sans;
  color: #64728c;
  font-weight: 700;
}
.accordion-header .icon[data-v-2fd04746] {
  transition: transform 0.3s ease;
  color: #64728c;
}
.accordion-header .is-open[data-v-2fd04746] {
  transform: rotate(180deg);
}
.accordion-content[data-v-2fd04746] {
  padding: 20px;
  border: 1px solid #ccc;
  border-top: none;
  background-color: white;
}
.print-id[data-v-2fd04746] {
  border-radius: 10px;
  margin: 10px;
  padding: 20px;
  font-weight: 900;
  font-size: 14px;
}
.user-form-header[data-v-2fd04746] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.custom-switch[data-v-2fd04746] {
  margin-top: 35px;
}
.job-detail-toggles-container[data-v-2fd04746]{
  display: flex;
  justify-content: space-between;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-f5523c48] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-f5523c48] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-f5523c48] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-f5523c48] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-f5523c48] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-f5523c48] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-f5523c48] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-f5523c48] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-f5523c48] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-f5523c48]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-f5523c48] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-f5523c48] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-f5523c48] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-f5523c48] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-f5523c48] {
  background-image: none !important;
}
.oxd-text--h5[data-v-f5523c48] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-f5523c48] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-f5523c48] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-f5523c48] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-f5523c48] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-f5523c48] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-f5523c48],
.orangehrm-dialog-header-container[data-v-f5523c48] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-f5523c48],
.orangehrm-dialog-header-container .oxd-button[data-v-f5523c48] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-f5523c48] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-f5523c48] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-f5523c48] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-f5523c48] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-f5523c48] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-f5523c48] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-f5523c48] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-f5523c48] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-f5523c48] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-f5523c48] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-f5523c48] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-f5523c48] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-f5523c48] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-f5523c48] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-f5523c48] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-f5523c48] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-f5523c48] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-f5523c48] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-f5523c48] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-f5523c48] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-f5523c48] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-f5523c48] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-f5523c48] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-f5523c48] {
  color: #38455d;
}
.orangehrm-form-action[data-v-f5523c48] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-f5523c48] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-f5523c48] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-f5523c48] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-f5523c48] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-f5523c48] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-container[data-v-f5523c48] {
  margin-top: 25px;
}
.table-container table[data-v-f5523c48] {
  width: 100%;
}
.table-container th[data-v-f5523c48],
.table-container td[data-v-f5523c48] {
  padding: 10px 15px;
}
.table-container th[data-v-f5523c48] .oxd-input-group,
.table-container td[data-v-f5523c48] .oxd-input-group {
  margin: 0;
}
.table-container th[data-v-f5523c48] {
  font-size: 14px;
}
.table-container td[data-v-f5523c48] {
  font-size: 12px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}

.orangehrm-login-layout {
  background-color: #fff !important;
}

.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}

.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}

.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}

.orangehrm-login-form {
  width: 80% !important;
}

.orangehrm-login-form .oxd-label {
  color: #fff !important;
}

.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}

.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}

.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}

.orangehrm-login-forgot p {
  color: #fff !important;
}

.orangehrm-copyright-wrapper p {
  color: #fff !important;
}

.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}

.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}

.oxd-topbar-header {
  background-image: none !important;
}

.oxd-text--h5 {
  color: #64728c !important;
}

.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}

.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}

.oxd-main-menu-item--icon {
  color: #fff !important;
}

.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}

.orangehrm-header-container {
  padding: 25px;
}

.orangehrm-dialog-header-container {
  padding: 1.2rem;
}

.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

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

.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}

.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}

.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}

.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}

.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}

.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.orangehrm-top-padding {
  padding-top: 25px;
}

.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}

.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}

.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}

.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}

.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}

.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}

.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}

.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
  .orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
  }
}

.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}

.orangehrm-dialog-popup {
  max-width: 450px;
}

.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}

.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.select-wrapper {
  margin-bottom: 15px;
  display: flex;
  flex-direction: column;
  width: 100%;
  position: relative;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.select-wrapper .label {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0.4rem;
  text-transform: capitalize;
}

.vs__dropdown-toggle {
  position: relative;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  font-family: "Nunito Sans";
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.65rem;
  padding: 0.675rem 0.5rem;
  width: 100%;
  border: 1px solid #e8eaef;
  cursor: pointer;
}

.vs__search, .vs__search:focus {
  font-family: "Nunito Sans";
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
}

.vs__search {
  font-family: "Nunito Sans";
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
}

.vs__actions {
  height: -moz-min-content;
  height: min-content;
  cursor: pointer;
}

.vs__open-indicator {
  transform: scale(0.7);
}

.vs--open .vs__open-indicator {
  transform: rotate(180deg) scale(0.7);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-25cee7aa] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-25cee7aa] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-25cee7aa] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-25cee7aa] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-25cee7aa] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-25cee7aa] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-25cee7aa] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-25cee7aa] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-25cee7aa] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-25cee7aa]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-25cee7aa] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-25cee7aa] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-25cee7aa] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-25cee7aa] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-25cee7aa] {
  background-image: none !important;
}
.oxd-text--h5[data-v-25cee7aa] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-25cee7aa] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-25cee7aa] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-25cee7aa] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-25cee7aa] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-25cee7aa] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-25cee7aa],
.orangehrm-dialog-header-container[data-v-25cee7aa] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-25cee7aa],
.orangehrm-dialog-header-container .oxd-button[data-v-25cee7aa] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-25cee7aa] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-25cee7aa] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-25cee7aa] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-25cee7aa] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-25cee7aa] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-25cee7aa] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-25cee7aa] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-25cee7aa] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-25cee7aa] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-25cee7aa] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-25cee7aa] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-25cee7aa] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-25cee7aa] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-25cee7aa] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-25cee7aa] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-25cee7aa] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-25cee7aa] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-25cee7aa] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-25cee7aa] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-25cee7aa] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-25cee7aa] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-25cee7aa] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-25cee7aa] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-25cee7aa] {
  color: #38455d;
}
.orangehrm-form-action[data-v-25cee7aa] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-25cee7aa] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-25cee7aa] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-25cee7aa] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-25cee7aa] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-25cee7aa] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dailog-custom-style[data-v-25cee7aa] {
  width: 100%;
}
.orangehrm-modal-header[data-v-25cee7aa] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-25cee7aa] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-25cee7aa] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-25cee7aa] {
  text-align: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-c545b180] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-c545b180] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-c545b180] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-c545b180] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-c545b180] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-c545b180] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-c545b180] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-c545b180] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-c545b180] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-c545b180]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-c545b180] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-c545b180] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-c545b180] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-c545b180] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-c545b180] {
  background-image: none !important;
}
.oxd-text--h5[data-v-c545b180] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-c545b180] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-c545b180] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-c545b180] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-c545b180] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-c545b180] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-c545b180],
.orangehrm-dialog-header-container[data-v-c545b180] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-c545b180],
.orangehrm-dialog-header-container .oxd-button[data-v-c545b180] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-c545b180] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-c545b180] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-c545b180] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-c545b180] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-c545b180] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-c545b180] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-c545b180] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-c545b180] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-c545b180] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-c545b180] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-c545b180] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-c545b180] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-c545b180] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-c545b180] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-c545b180] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-c545b180] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-c545b180] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-c545b180] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-c545b180] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-c545b180] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-c545b180] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-c545b180] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-c545b180] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-c545b180] {
  color: #38455d;
}
.orangehrm-form-action[data-v-c545b180] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-c545b180] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-c545b180] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-c545b180] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-c545b180] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-c545b180] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-c545b180] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-c545b180] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-c545b180] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-c545b180] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-c545b180] {
  flex: 1 1 75%;
}
.user-form-header[data-v-c545b180] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-c545b180] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-c545b180] .--status-grouped-field {
  display: flex;
}
[data-v-c545b180] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-c545b180] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-c545b180] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-c545b180] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-c545b180] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-c545b180] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-c545b180] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-c545b180] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-c545b180] .employee-image {
  height: 12rem;
}
[data-v-c545b180] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-c545b180] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-c545b180] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6013ffa7] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6013ffa7] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6013ffa7] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6013ffa7] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6013ffa7] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6013ffa7] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6013ffa7] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6013ffa7] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6013ffa7] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6013ffa7]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6013ffa7] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6013ffa7] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6013ffa7] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6013ffa7] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6013ffa7] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6013ffa7] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6013ffa7] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6013ffa7] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6013ffa7] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6013ffa7] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6013ffa7] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6013ffa7],
.orangehrm-dialog-header-container[data-v-6013ffa7] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6013ffa7],
.orangehrm-dialog-header-container .oxd-button[data-v-6013ffa7] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6013ffa7] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6013ffa7] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6013ffa7] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6013ffa7] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6013ffa7] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6013ffa7] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6013ffa7] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6013ffa7] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6013ffa7] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6013ffa7] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6013ffa7] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6013ffa7] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6013ffa7] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6013ffa7] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6013ffa7] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6013ffa7] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6013ffa7] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6013ffa7] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6013ffa7] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6013ffa7] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6013ffa7] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6013ffa7] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6013ffa7] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6013ffa7] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6013ffa7] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6013ffa7] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6013ffa7] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6013ffa7] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6013ffa7] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6013ffa7] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-tabs[data-v-6013ffa7] {
  display: flex;
  flex-wrap: nowrap;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-tabs-wrapper[data-v-6013ffa7] {
  display: flex;
}
.orangehrm-tabs-item[data-v-6013ffa7] {
  height: 35px;
  line-height: 35px;
  padding: 0rem 1rem;
  border-radius: 0.85rem;
  flex: 100%;
  color: #64728c;
  text-decoration: none;
  font-size: 14px;
  font-family: "Nunito Sans";
  font-weight: 700;
}
@media (min-width: 0px) {
.orangehrm-tabs-item[data-v-6013ffa7] {
    margin-right: 0.25rem;
    background-color: #f6f5fb;
    white-space: nowrap;
}
.orangehrm-tabs-item.--active[data-v-6013ffa7], .orangehrm-tabs-item[data-v-6013ffa7]:hover {
    background-color: var(--oxd-primary-one-color);
    color: #ffffff;
}
}
@media (min-width: 800px) {
.orangehrm-tabs-item[data-v-6013ffa7] {
    margin-right: unset;
    margin-bottom: 0.25rem;
    background-color: unset;
    display: inline-block;
    height: auto;
    white-space: normal;
}
.orangehrm-tabs-item.--active[data-v-6013ffa7], .orangehrm-tabs-item[data-v-6013ffa7]:hover {
    background-color: #f6f5fb;
    color: #64728c;
}
}
@media (min-width: 0px) {
.orangehrm-tabs[data-v-6013ffa7] {
    flex-direction: row;
    overflow: scroll hidden;
    padding-bottom: 5px;
}
}
@media (min-width: 800px) {
.orangehrm-tabs[data-v-6013ffa7] {
    flex-direction: column;
    overflow: visible;
    padding-bottom: unset;
}
}
.orangehrm-tabs[data-v-6013ffa7]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-tabs[data-v-6013ffa7]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-tabs[data-v-6013ffa7]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-tabs[data-v-6013ffa7] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6f72b187] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6f72b187] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6f72b187] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6f72b187] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6f72b187] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6f72b187] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6f72b187] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6f72b187] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6f72b187] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6f72b187]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6f72b187] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6f72b187] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6f72b187] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6f72b187] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6f72b187] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6f72b187] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6f72b187] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6f72b187] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6f72b187] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6f72b187] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6f72b187] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6f72b187],
.orangehrm-dialog-header-container[data-v-6f72b187] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6f72b187],
.orangehrm-dialog-header-container .oxd-button[data-v-6f72b187] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6f72b187] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6f72b187] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6f72b187] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6f72b187] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6f72b187] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6f72b187] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6f72b187] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6f72b187] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6f72b187] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6f72b187] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6f72b187] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6f72b187] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6f72b187] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6f72b187] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6f72b187] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6f72b187] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6f72b187] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6f72b187] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6f72b187] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6f72b187] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6f72b187] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6f72b187] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6f72b187] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6f72b187] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6f72b187] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6f72b187] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6f72b187] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6f72b187] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6f72b187] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6f72b187] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-action-header[data-v-6f72b187] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
}
.orangehrm-action-header button[data-v-6f72b187] {
  margin-left: 1rem;
  white-space: nowrap;
}

.oxd-divider[data-v-1ff04e88] {
  margin-top: 0;
  margin-bottom: 0;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.toggles-item {
  display: grid;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-20f71dd2] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-20f71dd2] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-20f71dd2] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-20f71dd2] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-20f71dd2] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-20f71dd2] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-20f71dd2] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-20f71dd2] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-20f71dd2] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-20f71dd2]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-20f71dd2] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-20f71dd2] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-20f71dd2] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-20f71dd2] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-20f71dd2] {
  background-image: none !important;
}
.oxd-text--h5[data-v-20f71dd2] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-20f71dd2] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-20f71dd2] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-20f71dd2] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-20f71dd2] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-20f71dd2] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-20f71dd2],
.orangehrm-dialog-header-container[data-v-20f71dd2] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-20f71dd2],
.orangehrm-dialog-header-container .oxd-button[data-v-20f71dd2] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-20f71dd2] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-20f71dd2] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-20f71dd2] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-20f71dd2] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-20f71dd2] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-20f71dd2] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-20f71dd2] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-20f71dd2] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-20f71dd2] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-20f71dd2] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-20f71dd2] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-20f71dd2] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-20f71dd2] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-20f71dd2] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-20f71dd2] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-20f71dd2] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-20f71dd2] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-20f71dd2] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-20f71dd2] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-20f71dd2] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-20f71dd2] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-20f71dd2] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-20f71dd2] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-20f71dd2] {
  color: #38455d;
}
.orangehrm-form-action[data-v-20f71dd2] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-20f71dd2] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-20f71dd2] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-20f71dd2] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-20f71dd2] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-20f71dd2] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-container[data-v-20f71dd2] {
  padding: unset;
  overflow: hidden;
}
.orangehrm-edit-employee[data-v-20f71dd2] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-edit-employee[data-v-20f71dd2] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee[data-v-20f71dd2] {
    flex-direction: row;
}
}
.orangehrm-edit-employee-navigation[data-v-20f71dd2] {
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-navigation[data-v-20f71dd2] {
    width: 220px;
}
}
.orangehrm-edit-employee-content[data-v-20f71dd2] {
  flex: 1;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-content[data-v-20f71dd2] {
    border-left: 1px solid #e8eaef;
}
}
.orangehrm-edit-employee-name[data-v-20f71dd2] {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  word-break: break-word;
}
.orangehrm-edit-employee-name .--strong[data-v-20f71dd2] {
  font-weight: 700;
  font-size: 1.2rem;
}
.orangehrm-edit-employee-image-wrapper[data-v-20f71dd2] {
  padding-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-image-wrapper[data-v-20f71dd2] {
    padding-top: 1.2rem;
}
}
.orangehrm-edit-employee-image[data-v-20f71dd2] {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
  border: 0.5rem solid #f6f5fb;
  box-shadow: 1px 1px 18px 11px hsla(238, 13%, 76%, 0.24);
}
.orangehrm-edit-employee-imagesection[data-v-20f71dd2] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-edit-employee-imagesection[data-v-20f71dd2] {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee-imagesection[data-v-20f71dd2] {
    flex-direction: column;
    justify-content: center;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2d6e3bb2] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2d6e3bb2] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2d6e3bb2] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2d6e3bb2] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2d6e3bb2] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2d6e3bb2] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2d6e3bb2] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2d6e3bb2] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2d6e3bb2] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2d6e3bb2]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2d6e3bb2] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2d6e3bb2] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2d6e3bb2] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2d6e3bb2] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2d6e3bb2] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2d6e3bb2] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2d6e3bb2] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2d6e3bb2] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2d6e3bb2] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2d6e3bb2] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2d6e3bb2] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2d6e3bb2],
.orangehrm-dialog-header-container[data-v-2d6e3bb2] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2d6e3bb2],
.orangehrm-dialog-header-container .oxd-button[data-v-2d6e3bb2] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2d6e3bb2] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2d6e3bb2] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2d6e3bb2] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2d6e3bb2] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2d6e3bb2] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2d6e3bb2] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2d6e3bb2] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2d6e3bb2] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2d6e3bb2] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2d6e3bb2] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2d6e3bb2] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2d6e3bb2] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2d6e3bb2] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2d6e3bb2] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2d6e3bb2] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2d6e3bb2] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2d6e3bb2] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2d6e3bb2] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2d6e3bb2] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2d6e3bb2] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2d6e3bb2] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2d6e3bb2] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2d6e3bb2] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2d6e3bb2] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2d6e3bb2] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2d6e3bb2] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2d6e3bb2] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2d6e3bb2] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2d6e3bb2] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2d6e3bb2] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-2d6e3bb2] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-2d6e3bb2] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-2d6e3bb2] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-2d6e3bb2] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-2d6e3bb2] {
  flex: 1 1 75%;
}
.user-form-header[data-v-2d6e3bb2] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-2d6e3bb2] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-2d6e3bb2] .--status-grouped-field {
  display: flex;
}
[data-v-2d6e3bb2] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-2d6e3bb2] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-2d6e3bb2] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-2d6e3bb2] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-2d6e3bb2] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-2d6e3bb2] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-2d6e3bb2] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-2d6e3bb2] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-2d6e3bb2] .employee-image {
  height: 12rem;
}
[data-v-2d6e3bb2] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-2d6e3bb2] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-2d6e3bb2] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-1eceb9d4] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-1eceb9d4] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-1eceb9d4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-1eceb9d4] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-1eceb9d4] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-1eceb9d4] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-1eceb9d4] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-1eceb9d4] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-1eceb9d4] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-1eceb9d4]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-1eceb9d4] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-1eceb9d4] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-1eceb9d4] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-1eceb9d4] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-1eceb9d4] {
  background-image: none !important;
}
.oxd-text--h5[data-v-1eceb9d4] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-1eceb9d4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-1eceb9d4] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-1eceb9d4] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-1eceb9d4] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-1eceb9d4] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-1eceb9d4],
.orangehrm-dialog-header-container[data-v-1eceb9d4] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-1eceb9d4],
.orangehrm-dialog-header-container .oxd-button[data-v-1eceb9d4] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-1eceb9d4] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-1eceb9d4] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-1eceb9d4] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-1eceb9d4] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-1eceb9d4] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-1eceb9d4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-1eceb9d4] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-1eceb9d4] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-1eceb9d4] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-1eceb9d4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-1eceb9d4] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-1eceb9d4] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-1eceb9d4] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-1eceb9d4] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-1eceb9d4] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-1eceb9d4] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-1eceb9d4] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-1eceb9d4] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-1eceb9d4] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-1eceb9d4] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-1eceb9d4] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-1eceb9d4] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-1eceb9d4] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-1eceb9d4] {
  color: #38455d;
}
.orangehrm-form-action[data-v-1eceb9d4] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-1eceb9d4] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-1eceb9d4] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-1eceb9d4] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-1eceb9d4] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-1eceb9d4] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-1eceb9d4] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-1eceb9d4] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-1eceb9d4] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-1eceb9d4] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-1eceb9d4] {
  flex: 1 1 75%;
}
.user-form-header[data-v-1eceb9d4] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-1eceb9d4] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-1eceb9d4] .--status-grouped-field {
  display: flex;
}
[data-v-1eceb9d4] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-1eceb9d4] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-1eceb9d4] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-1eceb9d4] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-1eceb9d4] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-1eceb9d4] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-1eceb9d4] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-1eceb9d4] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-1eceb9d4] .employee-image {
  height: 12rem;
}
[data-v-1eceb9d4] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-1eceb9d4] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-1eceb9d4] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-9cfb6532] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-9cfb6532] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-9cfb6532] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-9cfb6532] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-9cfb6532] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-9cfb6532] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-9cfb6532] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-9cfb6532] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-9cfb6532] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-9cfb6532]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-9cfb6532] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-9cfb6532] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-9cfb6532] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-9cfb6532] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-9cfb6532] {
  background-image: none !important;
}
.oxd-text--h5[data-v-9cfb6532] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-9cfb6532] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-9cfb6532] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-9cfb6532] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-9cfb6532] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-9cfb6532] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-9cfb6532],
.orangehrm-dialog-header-container[data-v-9cfb6532] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-9cfb6532],
.orangehrm-dialog-header-container .oxd-button[data-v-9cfb6532] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-9cfb6532] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-9cfb6532] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-9cfb6532] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-9cfb6532] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-9cfb6532] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-9cfb6532] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-9cfb6532] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-9cfb6532] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-9cfb6532] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-9cfb6532] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-9cfb6532] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-9cfb6532] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-9cfb6532] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-9cfb6532] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-9cfb6532] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-9cfb6532] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-9cfb6532] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-9cfb6532] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-9cfb6532] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-9cfb6532] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-9cfb6532] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-9cfb6532] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-9cfb6532] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-9cfb6532] {
  color: #38455d;
}
.orangehrm-form-action[data-v-9cfb6532] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-9cfb6532] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-9cfb6532] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-9cfb6532] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-9cfb6532] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-9cfb6532] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**
 * Solid Buttons
**/
/* Main */
/* Secondary */
/* Info */
/* Danger */
/* Warning */
/* Success */
/**
 * Ghost Button
**/
/* Info */
/* Danger */
/* Warning */
/* Success */
/* Tool */
/**
 * Label Button
**/
/* Info */
/* Danger */
/* Warning */
/* Success */
/* Text button */
/**
 * Icon Button
**/
/**
 * List Button
**/
.signature-upload-container[data-v-9cfb6532] {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.signature-image[data-v-9cfb6532] {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.orangehrm-input-hint[data-v-9cfb6532] {
  text-align: center;
  margin: 1rem auto 0;
  max-width: 300px;
}
[data-v-9cfb6532] .oxd-file-div {
  border: 1px dashed #64728c;
  border-radius: 4px !important;
  width: 12rem !important;
  height: 8rem !important;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  background-color: #ffffff;
  padding: 1rem;
}
.signature-wrapper[data-v-9cfb6532] {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #cfd3de;
}
.signature-actions[data-v-9cfb6532] {
  position: absolute;
  right: 1rem;
  bottom: 1rem;
  display: flex;
  gap: 0.5rem;
}
.signature-action-add[data-v-9cfb6532] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-color);
}
.signature-action-add[data-v-9cfb6532]:focus {
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-lighten-5-color);
}
.signature-action-add[data-v-9cfb6532]:hover {
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-lighten-5-color);
}
.signature-action-add[data-v-9cfb6532]:active {
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-darken-5-color);
}
.signature-action-add[data-v-9cfb6532]:disabled {
  color: var(--oxd-primary-font-color);
  background-color: #e8eaef;
}
.signature-action-add[data-v-9cfb6532] .oxd-icon {
  color: #ffffff;
}
.signature-action-delete[data-v-9cfb6532] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #ffffff;
  background-color: #eb0910;
}
.signature-action-delete[data-v-9cfb6532]:focus {
  color: #ffffff;
  background-color: #f6171e;
}
.signature-action-delete[data-v-9cfb6532]:hover {
  color: #ffffff;
  background-color: #f6171e;
}
.signature-action-delete[data-v-9cfb6532]:active {
  color: #ffffff;
  background-color: #d2080e;
}
.signature-action-delete[data-v-9cfb6532]:disabled {
  color: #ffffff;
  background-color: #e8eaef;
}
.signature-action-delete[data-v-9cfb6532] .oxd-icon {
  color: #ffffff;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-b0ba1416] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-b0ba1416] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-b0ba1416] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-b0ba1416] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-b0ba1416] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-b0ba1416] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-b0ba1416] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-b0ba1416] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-b0ba1416] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-b0ba1416]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-b0ba1416] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-b0ba1416] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-b0ba1416] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-b0ba1416] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-b0ba1416] {
  background-image: none !important;
}
.oxd-text--h5[data-v-b0ba1416] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-b0ba1416] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-b0ba1416] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-b0ba1416] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-b0ba1416] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-b0ba1416] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-b0ba1416],
.orangehrm-dialog-header-container[data-v-b0ba1416] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-b0ba1416],
.orangehrm-dialog-header-container .oxd-button[data-v-b0ba1416] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-b0ba1416] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-b0ba1416] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-b0ba1416] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-b0ba1416] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-b0ba1416] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-b0ba1416] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-b0ba1416] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-b0ba1416] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-b0ba1416] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-b0ba1416] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-b0ba1416] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-b0ba1416] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-b0ba1416] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-b0ba1416] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-b0ba1416] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-b0ba1416] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-b0ba1416] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-b0ba1416] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-b0ba1416] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-b0ba1416] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-b0ba1416] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-b0ba1416] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-b0ba1416] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-b0ba1416] {
  color: #38455d;
}
.orangehrm-form-action[data-v-b0ba1416] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-b0ba1416] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-b0ba1416] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-b0ba1416] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-b0ba1416] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-b0ba1416] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-b0ba1416] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-b0ba1416] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-b0ba1416] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-b0ba1416] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-b0ba1416] {
  flex: 1 1 75%;
}
.user-form-header[data-v-b0ba1416] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-b0ba1416] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-b0ba1416] .--status-grouped-field {
  display: flex;
}
[data-v-b0ba1416] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-b0ba1416] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-b0ba1416] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-b0ba1416] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-b0ba1416] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-b0ba1416] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-b0ba1416] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-b0ba1416] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-b0ba1416] .employee-image {
  height: 12rem;
}
[data-v-b0ba1416] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-b0ba1416] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-b0ba1416] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-49767af1] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-49767af1] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-49767af1] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-49767af1] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-49767af1] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-49767af1] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-49767af1] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-49767af1] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-49767af1] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-49767af1]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-49767af1] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-49767af1] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-49767af1] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-49767af1] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-49767af1] {
  background-image: none !important;
}
.oxd-text--h5[data-v-49767af1] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-49767af1] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-49767af1] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-49767af1] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-49767af1] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-49767af1] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-49767af1],
.orangehrm-dialog-header-container[data-v-49767af1] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-49767af1],
.orangehrm-dialog-header-container .oxd-button[data-v-49767af1] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-49767af1] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-49767af1] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-49767af1] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-49767af1] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-49767af1] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-49767af1] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-49767af1] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-49767af1] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-49767af1] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-49767af1] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-49767af1] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-49767af1] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-49767af1] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-49767af1] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-49767af1] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-49767af1] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-49767af1] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-49767af1] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-49767af1] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-49767af1] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-49767af1] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-49767af1] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-49767af1] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-49767af1] {
  color: #38455d;
}
.orangehrm-form-action[data-v-49767af1] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-49767af1] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-49767af1] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-49767af1] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-49767af1] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-49767af1] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.directdeposit-form-header[data-v-49767af1] {
  display: flex;
  padding: 1rem;
}
.directdeposit-form-header-text[data-v-49767af1] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-85ef3d78] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-85ef3d78] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-85ef3d78] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-85ef3d78] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-85ef3d78] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-85ef3d78] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-85ef3d78] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-85ef3d78] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-85ef3d78] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-85ef3d78]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-85ef3d78] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-85ef3d78] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-85ef3d78] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-85ef3d78] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-85ef3d78] {
  background-image: none !important;
}
.oxd-text--h5[data-v-85ef3d78] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-85ef3d78] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-85ef3d78] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-85ef3d78] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-85ef3d78] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-85ef3d78] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-85ef3d78],
.orangehrm-dialog-header-container[data-v-85ef3d78] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-85ef3d78],
.orangehrm-dialog-header-container .oxd-button[data-v-85ef3d78] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-85ef3d78] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-85ef3d78] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-85ef3d78] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-85ef3d78] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-85ef3d78] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-85ef3d78] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-85ef3d78] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-85ef3d78] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-85ef3d78] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-85ef3d78] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-85ef3d78] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-85ef3d78] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-85ef3d78] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-85ef3d78] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-85ef3d78] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-85ef3d78] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-85ef3d78] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-85ef3d78] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-85ef3d78] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-85ef3d78] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-85ef3d78] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-85ef3d78] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-85ef3d78] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-85ef3d78] {
  color: #38455d;
}
.orangehrm-form-action[data-v-85ef3d78] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-85ef3d78] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-85ef3d78] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-85ef3d78] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-85ef3d78] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-85ef3d78] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.directdeposit-form-header[data-v-85ef3d78] {
  display: flex;
  padding: 1rem;
}
.directdeposit-form-header-text[data-v-85ef3d78] {
  font-size: 0.8rem;
  margin-right: 1rem;
}

.orangehrm-horizontal-padding .orangehrm-vertical-padding[data-v-4f9950f6] {
  font-family: 'Nunito Sans';
}


.orangehrm-horizontal-padding .orangehrm-vertical-padding[data-v-60a88b41] {
    font-family: "Nunito Sans";
}


.orangehrm-horizontal-padding .orangehrm-vertical-padding[data-v-fcf6e7d2] {
  font-family: 'Nunito Sans';
}


.orangehrm-horizontal-padding .orangehrm-vertical-padding[data-v-0c8735e6] {
  font-family: 'Nunito Sans';
}


.orangehrm-horizontal-padding .orangehrm-vertical-padding[data-v-03576ce8] {
      font-family: "Nunito Sans";
}
  

.orangehrm-horizontal-padding .orangehrm-vertical-padding[data-v-fcfdd69a] {
    font-family: "Nunito Sans";
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-57742a0d] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-57742a0d] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-57742a0d] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-57742a0d] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-57742a0d] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-57742a0d] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-57742a0d] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-57742a0d] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-57742a0d] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-57742a0d]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-57742a0d] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-57742a0d] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-57742a0d] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-57742a0d] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-57742a0d] {
  background-image: none !important;
}
.oxd-text--h5[data-v-57742a0d] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-57742a0d] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-57742a0d] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-57742a0d] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-57742a0d] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-57742a0d] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-57742a0d],
.orangehrm-dialog-header-container[data-v-57742a0d] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-57742a0d],
.orangehrm-dialog-header-container .oxd-button[data-v-57742a0d] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-57742a0d] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-57742a0d] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-57742a0d] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-57742a0d] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-57742a0d] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-57742a0d] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-57742a0d] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-57742a0d] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-57742a0d] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-57742a0d] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-57742a0d] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-57742a0d] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-57742a0d] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-57742a0d] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-57742a0d] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-57742a0d] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-57742a0d] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-57742a0d] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-57742a0d] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-57742a0d] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-57742a0d] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-57742a0d] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-57742a0d] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-57742a0d] {
  color: #38455d;
}
.orangehrm-form-action[data-v-57742a0d] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-57742a0d] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-57742a0d] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-57742a0d] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-57742a0d] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-57742a0d] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-57742a0d] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-57742a0d] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-57742a0d] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-57742a0d] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-57742a0d] {
  flex: 1 1 75%;
}
.user-form-header[data-v-57742a0d] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-57742a0d] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-57742a0d] .--status-grouped-field {
  display: flex;
}
[data-v-57742a0d] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-57742a0d] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-57742a0d] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-57742a0d] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-57742a0d] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-57742a0d] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-57742a0d] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-57742a0d] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-57742a0d] .employee-image {
  height: 12rem;
}
[data-v-57742a0d] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-57742a0d] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-57742a0d] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}

#subunit[data-v-57742a0d] {
  max-width: 72% !important;
}
p[data-v-57742a0d] {
  font-weight: 700;
  font-size: 14px;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-245ff20c] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-245ff20c] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-245ff20c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-245ff20c] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-245ff20c] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-245ff20c] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-245ff20c] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-245ff20c] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-245ff20c] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-245ff20c]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-245ff20c] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-245ff20c] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-245ff20c] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-245ff20c] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-245ff20c] {
  background-image: none !important;
}
.oxd-text--h5[data-v-245ff20c] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-245ff20c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-245ff20c] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-245ff20c] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-245ff20c] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-245ff20c] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-245ff20c],
.orangehrm-dialog-header-container[data-v-245ff20c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-245ff20c],
.orangehrm-dialog-header-container .oxd-button[data-v-245ff20c] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-245ff20c] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-245ff20c] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-245ff20c] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-245ff20c] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-245ff20c] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-245ff20c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-245ff20c] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-245ff20c] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-245ff20c] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-245ff20c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-245ff20c] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-245ff20c] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-245ff20c] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-245ff20c] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-245ff20c] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-245ff20c] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-245ff20c] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-245ff20c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-245ff20c] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-245ff20c] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-245ff20c] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-245ff20c] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-245ff20c] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-245ff20c] {
  color: #38455d;
}
.orangehrm-form-action[data-v-245ff20c] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-245ff20c] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-245ff20c] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-245ff20c] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-245ff20c] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-245ff20c] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-245ff20c] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-245ff20c] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-245ff20c] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-245ff20c] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-245ff20c] {
  flex: 1 1 75%;
}
.user-form-header[data-v-245ff20c] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-245ff20c] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-245ff20c] .--status-grouped-field {
  display: flex;
}
[data-v-245ff20c] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-245ff20c] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-245ff20c] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-245ff20c] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-245ff20c] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-245ff20c] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-245ff20c] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-245ff20c] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-245ff20c] .employee-image {
  height: 12rem;
}
[data-v-245ff20c] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-245ff20c] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-245ff20c] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}

.custom-switch[data-v-155b58ef] {
  margin-top: 35px;
}


.custom-switch[data-v-14063cfc] {
  margin-top: 35px;
}


.hidden[data-v-368f96ac] {
  display: none;
  margin-left: ;
}
.r[data-v-368f96ac] {
  display: flex;
}
.c[data-v-368f96ac] {
  flex: 1;
}
.employee-sched-label[data-v-368f96ac] {
  padding-right: 2%;
}
#test[data-v-368f96ac] {
  margin-left: 3%;
}


.hidden[data-v-b39c524a] {
  display: none;
  margin-left: ;
}
.r[data-v-b39c524a] {
  display: flex;
}
.c[data-v-b39c524a] {
  flex: 1;
}
.employee-sched-label[data-v-b39c524a] {
  padding-right: 2%;
}
#test[data-v-b39c524a] {
  margin-left: 3%;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2d01ee36] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2d01ee36] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2d01ee36] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2d01ee36] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2d01ee36] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2d01ee36] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2d01ee36] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2d01ee36] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2d01ee36] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2d01ee36]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2d01ee36] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2d01ee36] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2d01ee36] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2d01ee36] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2d01ee36] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2d01ee36] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2d01ee36] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2d01ee36] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2d01ee36] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2d01ee36] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2d01ee36] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2d01ee36],
.orangehrm-dialog-header-container[data-v-2d01ee36] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2d01ee36],
.orangehrm-dialog-header-container .oxd-button[data-v-2d01ee36] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2d01ee36] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2d01ee36] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2d01ee36] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2d01ee36] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2d01ee36] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2d01ee36] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2d01ee36] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2d01ee36] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2d01ee36] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2d01ee36] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2d01ee36] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2d01ee36] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2d01ee36] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2d01ee36] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2d01ee36] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2d01ee36] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2d01ee36] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2d01ee36] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2d01ee36] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2d01ee36] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2d01ee36] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2d01ee36] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2d01ee36] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2d01ee36] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2d01ee36] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2d01ee36] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2d01ee36] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2d01ee36] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2d01ee36] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2d01ee36] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-2d01ee36] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-2d01ee36] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-2d01ee36] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-2d01ee36] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-2d01ee36] {
  flex: 1 1 75%;
}
.user-form-header[data-v-2d01ee36] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-2d01ee36] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-2d01ee36] .--status-grouped-field {
  display: flex;
}
[data-v-2d01ee36] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-2d01ee36] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-2d01ee36] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-2d01ee36] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-2d01ee36] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-2d01ee36] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-2d01ee36] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-2d01ee36] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-2d01ee36] .employee-image {
  height: 12rem;
}
[data-v-2d01ee36] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-2d01ee36] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-2d01ee36] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.checkbox-items {
  margin-bottom: 1rem;
}
.oxd-form-row .oxd-grid-item {
  display: grid;
}
.oxd-form-row .oxd-grid-item .toggles {
  display: flex;
  align-self: center;
  justify-content: flex-end;
  gap: 30px;
}
.oxd-form-row .oxd-grid-item .toggles-item {
  display: grid;
  justify-content: center;
  justify-items: center;
  grid-gap: 10px;
}
.oxd-form-row .oxd-grid-item .toggles-item .user-form-header-text {
  display: grid;
  justify-self: center;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  display: grid;
  margin-right: 0px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-22b71b80] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-22b71b80] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-22b71b80] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-22b71b80] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-22b71b80] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-22b71b80] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-22b71b80] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-22b71b80] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-22b71b80] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-22b71b80]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-22b71b80] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-22b71b80] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-22b71b80] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-22b71b80] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-22b71b80] {
  background-image: none !important;
}
.oxd-text--h5[data-v-22b71b80] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-22b71b80] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-22b71b80] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-22b71b80] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-22b71b80] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-22b71b80] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-22b71b80],
.orangehrm-dialog-header-container[data-v-22b71b80] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-22b71b80],
.orangehrm-dialog-header-container .oxd-button[data-v-22b71b80] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-22b71b80] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-22b71b80] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-22b71b80] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-22b71b80] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-22b71b80] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-22b71b80] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-22b71b80] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-22b71b80] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-22b71b80] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-22b71b80] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-22b71b80] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-22b71b80] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-22b71b80] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-22b71b80] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-22b71b80] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-22b71b80] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-22b71b80] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-22b71b80] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-22b71b80] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-22b71b80] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-22b71b80] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-22b71b80] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-22b71b80] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-22b71b80] {
  color: #38455d;
}
.orangehrm-form-action[data-v-22b71b80] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-22b71b80] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-22b71b80] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-22b71b80] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-22b71b80] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-22b71b80] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-22b71b80] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-22b71b80] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-22b71b80] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-22b71b80] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-22b71b80] {
  flex: 1 1 75%;
}
.user-form-header[data-v-22b71b80] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-22b71b80] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-22b71b80] .--status-grouped-field {
  display: flex;
}
[data-v-22b71b80] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-22b71b80] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-22b71b80] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-22b71b80] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-22b71b80] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-22b71b80] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-22b71b80] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-22b71b80] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-22b71b80] .employee-image {
  height: 12rem;
}
[data-v-22b71b80] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-22b71b80] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-22b71b80] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5994741c] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5994741c] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5994741c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5994741c] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5994741c] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5994741c] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5994741c] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5994741c] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5994741c] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5994741c]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5994741c] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5994741c] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5994741c] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5994741c] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5994741c] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5994741c] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5994741c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5994741c] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5994741c] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5994741c] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5994741c] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5994741c],
.orangehrm-dialog-header-container[data-v-5994741c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5994741c],
.orangehrm-dialog-header-container .oxd-button[data-v-5994741c] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5994741c] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5994741c] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5994741c] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5994741c] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5994741c] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5994741c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5994741c] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5994741c] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5994741c] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5994741c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5994741c] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5994741c] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5994741c] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5994741c] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5994741c] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5994741c] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5994741c] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5994741c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5994741c] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5994741c] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5994741c] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5994741c] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5994741c] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5994741c] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5994741c] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5994741c] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5994741c] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5994741c] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5994741c] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5994741c] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-5994741c] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-5994741c] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-5994741c] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-5994741c] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-5994741c] {
  flex: 1 1 75%;
}
.user-form-header[data-v-5994741c] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-5994741c] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-5994741c] .--status-grouped-field {
  display: flex;
}
[data-v-5994741c] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-5994741c] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-5994741c] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-5994741c] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-5994741c] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-5994741c] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-5994741c] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-5994741c] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-5994741c] .employee-image {
  height: 12rem;
}
[data-v-5994741c] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-5994741c] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-5994741c] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-7fc4c454] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-7fc4c454] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-7fc4c454] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-7fc4c454] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-7fc4c454] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-7fc4c454] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-7fc4c454] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-7fc4c454] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-7fc4c454] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-7fc4c454]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-7fc4c454] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-7fc4c454] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-7fc4c454] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-7fc4c454] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-7fc4c454] {
  background-image: none !important;
}
.oxd-text--h5[data-v-7fc4c454] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-7fc4c454] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-7fc4c454] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-7fc4c454] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-7fc4c454] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-7fc4c454] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-7fc4c454],
.orangehrm-dialog-header-container[data-v-7fc4c454] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-7fc4c454],
.orangehrm-dialog-header-container .oxd-button[data-v-7fc4c454] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-7fc4c454] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-7fc4c454] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-7fc4c454] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-7fc4c454] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-7fc4c454] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-7fc4c454] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-7fc4c454] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-7fc4c454] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-7fc4c454] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-7fc4c454] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-7fc4c454] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-7fc4c454] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-7fc4c454] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-7fc4c454] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-7fc4c454] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-7fc4c454] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-7fc4c454] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-7fc4c454] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-7fc4c454] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-7fc4c454] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-7fc4c454] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-7fc4c454] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-7fc4c454] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-7fc4c454] {
  color: #38455d;
}
.orangehrm-form-action[data-v-7fc4c454] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-7fc4c454] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-7fc4c454] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-7fc4c454] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-7fc4c454] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-7fc4c454] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-custom-field-title[data-v-7fc4c454] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-custom-field-title[data-v-7fc4c454] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.orangehrm-custom-field-title .--infotext[data-v-7fc4c454] {
    margin-right: 1rem;
}
}
.checkbox-custom-grid[data-v-7fc4c454] {
  max-width: 170px;
}
.select-options-hint[data-v-7fc4c454] {
  font-size: 0.75rem;
  margin-top: -0.625rem;
}
.--infotext[data-v-7fc4c454] {
  font-size: 0.875rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-547ab12c] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-547ab12c] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-547ab12c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-547ab12c] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-547ab12c] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-547ab12c] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-547ab12c] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-547ab12c] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-547ab12c] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-547ab12c]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-547ab12c] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-547ab12c] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-547ab12c] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-547ab12c] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-547ab12c] {
  background-image: none !important;
}
.oxd-text--h5[data-v-547ab12c] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-547ab12c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-547ab12c] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-547ab12c] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-547ab12c] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-547ab12c] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-547ab12c],
.orangehrm-dialog-header-container[data-v-547ab12c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-547ab12c],
.orangehrm-dialog-header-container .oxd-button[data-v-547ab12c] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-547ab12c] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-547ab12c] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-547ab12c] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-547ab12c] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-547ab12c] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-547ab12c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-547ab12c] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-547ab12c] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-547ab12c] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-547ab12c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-547ab12c] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-547ab12c] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-547ab12c] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-547ab12c] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-547ab12c] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-547ab12c] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-547ab12c] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-547ab12c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-547ab12c] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-547ab12c] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-547ab12c] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-547ab12c] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-547ab12c] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-547ab12c] {
  color: #38455d;
}
.orangehrm-form-action[data-v-547ab12c] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-547ab12c] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-547ab12c] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-547ab12c] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-547ab12c] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-547ab12c] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-custom-field-title[data-v-547ab12c] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-custom-field-title[data-v-547ab12c] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.orangehrm-custom-field-title .--infotext[data-v-547ab12c] {
    margin-right: 1rem;
}
}
.checkbox-custom-grid[data-v-547ab12c] {
  max-width: 170px;
}
.select-options-hint[data-v-547ab12c] {
  font-size: 0.75rem;
  margin-top: -0.625rem;
}
.--infotext[data-v-547ab12c] {
  font-size: 0.875rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-af1ac0d2] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-af1ac0d2] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-af1ac0d2] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-af1ac0d2] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-af1ac0d2] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-af1ac0d2] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-af1ac0d2] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-af1ac0d2] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-af1ac0d2] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-af1ac0d2]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-af1ac0d2] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-af1ac0d2] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-af1ac0d2] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-af1ac0d2] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-af1ac0d2] {
  background-image: none !important;
}
.oxd-text--h5[data-v-af1ac0d2] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-af1ac0d2] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-af1ac0d2] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-af1ac0d2] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-af1ac0d2] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-af1ac0d2] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-af1ac0d2],
.orangehrm-dialog-header-container[data-v-af1ac0d2] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-af1ac0d2],
.orangehrm-dialog-header-container .oxd-button[data-v-af1ac0d2] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-af1ac0d2] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-af1ac0d2] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-af1ac0d2] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-af1ac0d2] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-af1ac0d2] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-af1ac0d2] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-af1ac0d2] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-af1ac0d2] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-af1ac0d2] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-af1ac0d2] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-af1ac0d2] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-af1ac0d2] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-af1ac0d2] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-af1ac0d2] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-af1ac0d2] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-af1ac0d2] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-af1ac0d2] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-af1ac0d2] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-af1ac0d2] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-af1ac0d2] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-af1ac0d2] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-af1ac0d2] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-af1ac0d2] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-af1ac0d2] {
  color: #38455d;
}
.orangehrm-form-action[data-v-af1ac0d2] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-af1ac0d2] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-af1ac0d2] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-af1ac0d2] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-af1ac0d2] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-af1ac0d2] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-custom-field-title[data-v-af1ac0d2] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-custom-field-title[data-v-af1ac0d2] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.orangehrm-custom-field-title .--infotext[data-v-af1ac0d2] {
    margin-right: 1rem;
}
}
.checkbox-custom-grid[data-v-af1ac0d2] {
  max-width: 170px;
}
.select-options-hint[data-v-af1ac0d2] {
  font-size: 0.75rem;
  margin-top: -0.625rem;
}
.--infotext[data-v-af1ac0d2] {
  font-size: 0.875rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4cac6176] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4cac6176] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4cac6176] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4cac6176] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4cac6176] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4cac6176] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4cac6176] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4cac6176] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4cac6176] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4cac6176]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4cac6176] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4cac6176] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4cac6176] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4cac6176] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4cac6176] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4cac6176] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4cac6176] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4cac6176] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4cac6176] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4cac6176] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4cac6176] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4cac6176],
.orangehrm-dialog-header-container[data-v-4cac6176] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4cac6176],
.orangehrm-dialog-header-container .oxd-button[data-v-4cac6176] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4cac6176] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4cac6176] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4cac6176] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4cac6176] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4cac6176] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4cac6176] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4cac6176] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4cac6176] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4cac6176] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4cac6176] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4cac6176] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4cac6176] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4cac6176] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4cac6176] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4cac6176] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4cac6176] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4cac6176] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4cac6176] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4cac6176] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4cac6176] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4cac6176] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4cac6176] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4cac6176] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4cac6176] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4cac6176] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4cac6176] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4cac6176] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4cac6176] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4cac6176] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4cac6176] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-optional-field-row[data-v-4cac6176] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-optional-field-label[data-v-4cac6176] {
  box-sizing: border-box;
  font-family: "Nunito Sans";
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.65rem;
  padding: 0.675rem 0.5rem;
  padding: 0;
  flex-basis: 75%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-7db9fe6a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-7db9fe6a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-7db9fe6a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-7db9fe6a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-7db9fe6a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-7db9fe6a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-7db9fe6a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-7db9fe6a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-7db9fe6a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-7db9fe6a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-7db9fe6a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-7db9fe6a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-7db9fe6a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-7db9fe6a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-7db9fe6a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-7db9fe6a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-7db9fe6a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-7db9fe6a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-7db9fe6a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-7db9fe6a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-7db9fe6a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-7db9fe6a],
.orangehrm-dialog-header-container[data-v-7db9fe6a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-7db9fe6a],
.orangehrm-dialog-header-container .oxd-button[data-v-7db9fe6a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-7db9fe6a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-7db9fe6a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-7db9fe6a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-7db9fe6a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-7db9fe6a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-7db9fe6a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-7db9fe6a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-7db9fe6a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-7db9fe6a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-7db9fe6a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-7db9fe6a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-7db9fe6a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-7db9fe6a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-7db9fe6a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-7db9fe6a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-7db9fe6a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-7db9fe6a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-7db9fe6a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-7db9fe6a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-7db9fe6a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-7db9fe6a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-7db9fe6a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-7db9fe6a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-7db9fe6a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-7db9fe6a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-7db9fe6a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-7db9fe6a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-7db9fe6a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-7db9fe6a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-7db9fe6a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-modal-header[data-v-7db9fe6a] {
  display: flex;
  margin-bottom: 1.2rem;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-7db9fe6a] {
  display: flex;
  margin-top: 1.2rem;
  justify-content: center;
}
.orangehrm-text-center-align[data-v-7db9fe6a] {
  text-align: center;
  overflow-wrap: break-word;
}
[data-v-7db9fe6a] .orangehrm-dialog-popup {
  width: 450px;
}
.orangehrm-success-message[data-v-7db9fe6a] {
  color: #34bc40;
}
.orangehrm-error-message[data-v-7db9fe6a] {
  color: #eb0910;
}
.orangehrm-failed-reasons[data-v-7db9fe6a] {
  margin-top: 0.5rem;
  max-height: 220px;
  overflow: auto;
  text-align: left;
  font-size: 0.85rem;
  line-height: 1.2rem;
  padding: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.25rem;
}
.orangehrm-failed-reason-row[data-v-7db9fe6a] {
  margin-bottom: 0.35rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6c39a5a4] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6c39a5a4] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6c39a5a4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6c39a5a4] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6c39a5a4] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6c39a5a4] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6c39a5a4] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6c39a5a4] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6c39a5a4] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6c39a5a4]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6c39a5a4] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6c39a5a4] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6c39a5a4] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6c39a5a4] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6c39a5a4] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6c39a5a4] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6c39a5a4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6c39a5a4] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6c39a5a4] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6c39a5a4] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6c39a5a4] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6c39a5a4],
.orangehrm-dialog-header-container[data-v-6c39a5a4] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6c39a5a4],
.orangehrm-dialog-header-container .oxd-button[data-v-6c39a5a4] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6c39a5a4] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6c39a5a4] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6c39a5a4] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6c39a5a4] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6c39a5a4] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6c39a5a4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6c39a5a4] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6c39a5a4] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6c39a5a4] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6c39a5a4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6c39a5a4] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6c39a5a4] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6c39a5a4] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6c39a5a4] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6c39a5a4] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6c39a5a4] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6c39a5a4] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6c39a5a4] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6c39a5a4] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6c39a5a4] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6c39a5a4] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6c39a5a4] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6c39a5a4] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6c39a5a4] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6c39a5a4] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6c39a5a4] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6c39a5a4] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6c39a5a4] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6c39a5a4] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6c39a5a4] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-information-card-container[data-v-6c39a5a4] {
  background-color: #e8eaef;
  border-radius: 1.2rem;
  padding: 1.2rem;
}
.orangehrm-information-card-text[data-v-6c39a5a4] {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}
.orangehrm-information-card-text .download-link[data-v-6c39a5a4] {
  color: var(--oxd-primary-one-color);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-491b8ca0] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-491b8ca0] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-491b8ca0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-491b8ca0] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-491b8ca0] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-491b8ca0] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-491b8ca0] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-491b8ca0] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-491b8ca0] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-491b8ca0]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-491b8ca0] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-491b8ca0] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-491b8ca0] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-491b8ca0] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-491b8ca0] {
  background-image: none !important;
}
.oxd-text--h5[data-v-491b8ca0] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-491b8ca0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-491b8ca0] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-491b8ca0] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-491b8ca0] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-491b8ca0] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-491b8ca0],
.orangehrm-dialog-header-container[data-v-491b8ca0] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-491b8ca0],
.orangehrm-dialog-header-container .oxd-button[data-v-491b8ca0] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-491b8ca0] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-491b8ca0] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-491b8ca0] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-491b8ca0] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-491b8ca0] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-491b8ca0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-491b8ca0] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-491b8ca0] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-491b8ca0] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-491b8ca0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-491b8ca0] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-491b8ca0] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-491b8ca0] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-491b8ca0] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-491b8ca0] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-491b8ca0] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-491b8ca0] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-491b8ca0] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-491b8ca0] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-491b8ca0] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-491b8ca0] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-491b8ca0] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-491b8ca0] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-491b8ca0] {
  color: #38455d;
}
.orangehrm-form-action[data-v-491b8ca0] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-491b8ca0] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-491b8ca0] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-491b8ca0] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-491b8ca0] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-491b8ca0] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-491b8ca0] .oxd-input-group__label-wrapper {
  display: none;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3816f8c4] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3816f8c4] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3816f8c4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3816f8c4] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3816f8c4] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3816f8c4] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3816f8c4] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3816f8c4] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3816f8c4] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3816f8c4]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3816f8c4] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3816f8c4] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3816f8c4] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3816f8c4] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3816f8c4] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3816f8c4] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3816f8c4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3816f8c4] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3816f8c4] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3816f8c4] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3816f8c4] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3816f8c4],
.orangehrm-dialog-header-container[data-v-3816f8c4] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3816f8c4],
.orangehrm-dialog-header-container .oxd-button[data-v-3816f8c4] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3816f8c4] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3816f8c4] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3816f8c4] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3816f8c4] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3816f8c4] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3816f8c4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3816f8c4] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3816f8c4] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3816f8c4] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3816f8c4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3816f8c4] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3816f8c4] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3816f8c4] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3816f8c4] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3816f8c4] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3816f8c4] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3816f8c4] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3816f8c4] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3816f8c4] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3816f8c4] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3816f8c4] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3816f8c4] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3816f8c4] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3816f8c4] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3816f8c4] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3816f8c4] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3816f8c4] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3816f8c4] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3816f8c4] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3816f8c4] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-3816f8c4] .oxd-input-group__label-wrapper {
  display: none;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-22737025] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-22737025] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-22737025] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-22737025] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-22737025] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-22737025] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-22737025] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-22737025] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-22737025] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-22737025]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-22737025] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-22737025] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-22737025] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-22737025] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-22737025] {
  background-image: none !important;
}
.oxd-text--h5[data-v-22737025] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-22737025] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-22737025] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-22737025] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-22737025] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-22737025] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-22737025],
.orangehrm-dialog-header-container[data-v-22737025] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-22737025],
.orangehrm-dialog-header-container .oxd-button[data-v-22737025] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-22737025] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-22737025] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-22737025] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-22737025] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-22737025] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-22737025] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-22737025] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-22737025] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-22737025] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-22737025] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-22737025] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-22737025] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-22737025] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-22737025] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-22737025] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-22737025] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-22737025] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-22737025] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-22737025] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-22737025] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-22737025] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-22737025] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-22737025] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-22737025] {
  color: #38455d;
}
.orangehrm-form-action[data-v-22737025] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-22737025] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-22737025] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-22737025] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-22737025] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-22737025] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-report-range[data-v-22737025] {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.orangehrm-report-range-text[data-v-22737025] {
  margin: 0 1rem;
  font-size: 12px;
}
[data-v-22737025] .oxd-input-group__label-wrapper {
  display: none;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-58ac7c17] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-58ac7c17] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-58ac7c17] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-58ac7c17] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-58ac7c17] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-58ac7c17] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-58ac7c17] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-58ac7c17] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-58ac7c17] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-58ac7c17]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-58ac7c17] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-58ac7c17] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-58ac7c17] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-58ac7c17] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-58ac7c17] {
  background-image: none !important;
}
.oxd-text--h5[data-v-58ac7c17] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-58ac7c17] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-58ac7c17] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-58ac7c17] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-58ac7c17] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-58ac7c17] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-58ac7c17],
.orangehrm-dialog-header-container[data-v-58ac7c17] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-58ac7c17],
.orangehrm-dialog-header-container .oxd-button[data-v-58ac7c17] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-58ac7c17] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-58ac7c17] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-58ac7c17] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-58ac7c17] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-58ac7c17] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-58ac7c17] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-58ac7c17] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-58ac7c17] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-58ac7c17] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-58ac7c17] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-58ac7c17] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-58ac7c17] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-58ac7c17] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-58ac7c17] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-58ac7c17] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-58ac7c17] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-58ac7c17] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-58ac7c17] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-58ac7c17] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-58ac7c17] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-58ac7c17] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-58ac7c17] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-58ac7c17] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-58ac7c17] {
  color: #38455d;
}
.orangehrm-form-action[data-v-58ac7c17] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-58ac7c17] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-58ac7c17] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-58ac7c17] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-58ac7c17] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-58ac7c17] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-report-daterange[data-v-58ac7c17] {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.orangehrm-report-range-text[data-v-58ac7c17] {
  margin: 0 1rem;
  font-size: 12px;
}
[data-v-58ac7c17] .oxd-input-group__label-wrapper {
  display: none;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2db051a8] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2db051a8] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2db051a8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2db051a8] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2db051a8] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2db051a8] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2db051a8] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2db051a8] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2db051a8] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2db051a8]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2db051a8] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2db051a8] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2db051a8] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2db051a8] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2db051a8] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2db051a8] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2db051a8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2db051a8] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2db051a8] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2db051a8] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2db051a8] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2db051a8],
.orangehrm-dialog-header-container[data-v-2db051a8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2db051a8],
.orangehrm-dialog-header-container .oxd-button[data-v-2db051a8] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2db051a8] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2db051a8] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2db051a8] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2db051a8] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2db051a8] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2db051a8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2db051a8] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2db051a8] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2db051a8] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2db051a8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2db051a8] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2db051a8] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2db051a8] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2db051a8] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2db051a8] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2db051a8] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2db051a8] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2db051a8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2db051a8] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2db051a8] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2db051a8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2db051a8] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2db051a8] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2db051a8] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2db051a8] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2db051a8] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2db051a8] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2db051a8] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2db051a8] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2db051a8] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-report-criteria[data-v-2db051a8] {
  display: flex;
  align-items: baseline;
}
.orangehrm-report-criteria-name[data-v-2db051a8] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-71a436be] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-71a436be] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-71a436be] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-71a436be] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-71a436be] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-71a436be] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-71a436be] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-71a436be] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-71a436be] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-71a436be]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-71a436be] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-71a436be] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-71a436be] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-71a436be] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-71a436be] {
  background-image: none !important;
}
.oxd-text--h5[data-v-71a436be] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-71a436be] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-71a436be] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-71a436be] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-71a436be] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-71a436be] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-71a436be],
.orangehrm-dialog-header-container[data-v-71a436be] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-71a436be],
.orangehrm-dialog-header-container .oxd-button[data-v-71a436be] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-71a436be] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-71a436be] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-71a436be] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-71a436be] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-71a436be] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-71a436be] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-71a436be] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-71a436be] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-71a436be] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-71a436be] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-71a436be] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-71a436be] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-71a436be] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-71a436be] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-71a436be] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-71a436be] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-71a436be] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-71a436be] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-71a436be] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-71a436be] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-71a436be] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-71a436be] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-71a436be] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-71a436be] {
  color: #38455d;
}
.orangehrm-form-action[data-v-71a436be] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-71a436be] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-71a436be] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-71a436be] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-71a436be] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-71a436be] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-report-field[data-v-71a436be] {
  display: flex;
  align-items: center;
}
.orangehrm-report-field-name[data-v-71a436be] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.orangehrm-report-field-header[data-v-71a436be] {
  font-size: 12px;
  margin-right: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-52623eee] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-52623eee] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-52623eee] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-52623eee] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-52623eee] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-52623eee] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-52623eee] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-52623eee] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-52623eee] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-52623eee]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-52623eee] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-52623eee] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-52623eee] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-52623eee] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-52623eee] {
  background-image: none !important;
}
.oxd-text--h5[data-v-52623eee] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-52623eee] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-52623eee] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-52623eee] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-52623eee] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-52623eee] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-52623eee],
.orangehrm-dialog-header-container[data-v-52623eee] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-52623eee],
.orangehrm-dialog-header-container .oxd-button[data-v-52623eee] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-52623eee] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-52623eee] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-52623eee] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-52623eee] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-52623eee] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-52623eee] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-52623eee] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-52623eee] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-52623eee] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-52623eee] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-52623eee] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-52623eee] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-52623eee] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-52623eee] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-52623eee] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-52623eee] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-52623eee] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-52623eee] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-52623eee] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-52623eee] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-52623eee] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-52623eee] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-52623eee] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-52623eee] {
  color: #38455d;
}
.orangehrm-form-action[data-v-52623eee] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-52623eee] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-52623eee] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-52623eee] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-52623eee] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-52623eee] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-report-criteria[data-v-52623eee] {
  display: flex;
  align-items: center;
}
.orangehrm-report-icon[data-v-52623eee] {
  margin-left: 1rem;
}
[data-v-52623eee] .oxd-chip .oxd-icon {
  align-self: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6c492452] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6c492452] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6c492452] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6c492452] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6c492452] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6c492452] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6c492452] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6c492452] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6c492452] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6c492452]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6c492452] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6c492452] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6c492452] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6c492452] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6c492452] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6c492452] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6c492452] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6c492452] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6c492452] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6c492452] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6c492452] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6c492452],
.orangehrm-dialog-header-container[data-v-6c492452] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6c492452],
.orangehrm-dialog-header-container .oxd-button[data-v-6c492452] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6c492452] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6c492452] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6c492452] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6c492452] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6c492452] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6c492452] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6c492452] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6c492452] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6c492452] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6c492452] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6c492452] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6c492452] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6c492452] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6c492452] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6c492452] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6c492452] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6c492452] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6c492452] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6c492452] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6c492452] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6c492452] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6c492452] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6c492452] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6c492452] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6c492452] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6c492452] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6c492452] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6c492452] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6c492452] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6c492452] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-6c492452] .oxd-report-table-header {
  height: 80px;
  position: relative;
  align-items: flex-start;
}
@media (min-width: 600px) {
[data-v-6c492452] .oxd-report-table-header {
    height: unset;
    align-items: unset;
}
}
[data-v-6c492452] .oxd-report-table-header .oxd-report-table-header--toggable {
  height: 45px;
}
[data-v-6c492452] revogr-data .rgCell:empty:before {
  content: "--";
}
.oxd-text--count[data-v-6c492452] {
  position: absolute;
  left: 1.2rem;
  top: 50px;
}
@media (min-width: 600px) {
.oxd-text--count[data-v-6c492452] {
    position: unset;
}
}
.oxd-text--footer[data-v-6c492452] {
  margin-left: auto;
  margin-right: 1.2rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-66a0c23b] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-66a0c23b] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-66a0c23b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-66a0c23b] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-66a0c23b] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-66a0c23b] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-66a0c23b] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-66a0c23b] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-66a0c23b] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-66a0c23b]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-66a0c23b] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-66a0c23b] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-66a0c23b] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-66a0c23b] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-66a0c23b] {
  background-image: none !important;
}
.oxd-text--h5[data-v-66a0c23b] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-66a0c23b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-66a0c23b] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-66a0c23b] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-66a0c23b] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-66a0c23b] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-66a0c23b],
.orangehrm-dialog-header-container[data-v-66a0c23b] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-66a0c23b],
.orangehrm-dialog-header-container .oxd-button[data-v-66a0c23b] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-66a0c23b] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-66a0c23b] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-66a0c23b] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-66a0c23b] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-66a0c23b] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-66a0c23b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-66a0c23b] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-66a0c23b] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-66a0c23b] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-66a0c23b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-66a0c23b] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-66a0c23b] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-66a0c23b] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-66a0c23b] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-66a0c23b] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-66a0c23b] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-66a0c23b] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-66a0c23b] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-66a0c23b] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-66a0c23b] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-66a0c23b] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-66a0c23b] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-66a0c23b] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-66a0c23b] {
  color: #38455d;
}
.orangehrm-form-action[data-v-66a0c23b] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-66a0c23b] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-66a0c23b] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-66a0c23b] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-66a0c23b] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-66a0c23b] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-report-criteria[data-v-66a0c23b] {
  display: flex;
  align-items: center;
}
.orangehrm-report-icon[data-v-66a0c23b] {
  margin-left: 1rem;
}
[data-v-66a0c23b] .oxd-chip .oxd-icon {
  align-self: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-1e079640] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-1e079640] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-1e079640] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-1e079640] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-1e079640] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-1e079640] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-1e079640] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-1e079640] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-1e079640] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-1e079640]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-1e079640] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-1e079640] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-1e079640] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-1e079640] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-1e079640] {
  background-image: none !important;
}
.oxd-text--h5[data-v-1e079640] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-1e079640] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-1e079640] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-1e079640] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-1e079640] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-1e079640] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-1e079640],
.orangehrm-dialog-header-container[data-v-1e079640] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-1e079640],
.orangehrm-dialog-header-container .oxd-button[data-v-1e079640] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-1e079640] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-1e079640] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-1e079640] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-1e079640] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-1e079640] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-1e079640] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-1e079640] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-1e079640] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-1e079640] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-1e079640] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-1e079640] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-1e079640] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-1e079640] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-1e079640] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-1e079640] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-1e079640] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-1e079640] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-1e079640] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-1e079640] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-1e079640] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-1e079640] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-1e079640] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-1e079640] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-1e079640] {
  color: #38455d;
}
.orangehrm-form-action[data-v-1e079640] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-1e079640] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-1e079640] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-1e079640] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-1e079640] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-1e079640] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-user-name[data-v-1e079640] {
  font-size: 12px;
  padding: 0.675rem 0rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.oxd-form-row .oxd-grid-item {
  display: grid;
}
.oxd-form-row .oxd-grid-item .toggles {
  display: flex;
  align-self: center;
  justify-content: flex-end;
  gap: 30px;
}
.oxd-form-row .oxd-grid-item .toggles-item {
  display: grid;
  justify-content: center;
  justify-items: center;
  grid-gap: 10px;
}
.oxd-form-row .oxd-grid-item .toggles-item .user-form-header-text {
  display: grid;
  justify-self: center;
  width: 100%;
  text-align: center;
  white-space: nowrap;
  display: grid;
  margin-right: 0px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-27a9ee63] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-27a9ee63] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-27a9ee63] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-27a9ee63] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-27a9ee63] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-27a9ee63] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-27a9ee63] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-27a9ee63] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-27a9ee63] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-27a9ee63]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-27a9ee63] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-27a9ee63] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-27a9ee63] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-27a9ee63] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-27a9ee63] {
  background-image: none !important;
}
.oxd-text--h5[data-v-27a9ee63] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-27a9ee63] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-27a9ee63] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-27a9ee63] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-27a9ee63] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-27a9ee63] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-27a9ee63],
.orangehrm-dialog-header-container[data-v-27a9ee63] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-27a9ee63],
.orangehrm-dialog-header-container .oxd-button[data-v-27a9ee63] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-27a9ee63] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-27a9ee63] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-27a9ee63] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-27a9ee63] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-27a9ee63] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-27a9ee63] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-27a9ee63] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-27a9ee63] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-27a9ee63] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-27a9ee63] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-27a9ee63] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-27a9ee63] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-27a9ee63] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-27a9ee63] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-27a9ee63] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-27a9ee63] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-27a9ee63] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-27a9ee63] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-27a9ee63] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-27a9ee63] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-27a9ee63] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-27a9ee63] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-27a9ee63] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-27a9ee63] {
  color: #38455d;
}
.orangehrm-form-action[data-v-27a9ee63] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-27a9ee63] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-27a9ee63] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-27a9ee63] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-27a9ee63] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-27a9ee63] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-27a9ee63] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-27a9ee63] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-27a9ee63] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-27a9ee63] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-27a9ee63] {
  flex: 1 1 75%;
}
.user-form-header[data-v-27a9ee63] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-27a9ee63] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-27a9ee63] .--status-grouped-field {
  display: flex;
}
[data-v-27a9ee63] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-27a9ee63] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-27a9ee63] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-27a9ee63] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-27a9ee63] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-27a9ee63] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-27a9ee63] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-27a9ee63] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-27a9ee63] .employee-image {
  height: 12rem;
}
[data-v-27a9ee63] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-27a9ee63] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-27a9ee63] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.top-container {
  display: flex;
  justify-content: space-between;
}
.close-gap {
  display: grid;
  align-items: center;
}
.close-gap .search-holder {
  font-weight: bold;
}
.id-holder .oxd-input-group {
  width: 100px !important;
}
.emp-holder {
  width: 450px;
}
.mid-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 30px;
}
.company-details {
  width: 100%;
}
.right-fields {
  width: 100%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-16528d24] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-16528d24] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-16528d24] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-16528d24] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-16528d24] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-16528d24] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-16528d24] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-16528d24] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-16528d24] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-16528d24]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-16528d24] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-16528d24] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-16528d24] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-16528d24] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-16528d24] {
  background-image: none !important;
}
.oxd-text--h5[data-v-16528d24] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-16528d24] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-16528d24] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-16528d24] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-16528d24] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-16528d24] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-16528d24],
.orangehrm-dialog-header-container[data-v-16528d24] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-16528d24],
.orangehrm-dialog-header-container .oxd-button[data-v-16528d24] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-16528d24] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-16528d24] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-16528d24] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-16528d24] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-16528d24] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-16528d24] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-16528d24] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-16528d24] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-16528d24] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-16528d24] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-16528d24] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-16528d24] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-16528d24] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-16528d24] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-16528d24] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-16528d24] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-16528d24] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-16528d24] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-16528d24] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-16528d24] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-16528d24] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-16528d24] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-16528d24] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-16528d24] {
  color: #38455d;
}
.orangehrm-form-action[data-v-16528d24] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-16528d24] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-16528d24] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-16528d24] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-16528d24] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-16528d24] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-16528d24] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-16528d24] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-16528d24] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-16528d24] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-16528d24] {
  flex: 1 1 75%;
}
.user-form-header[data-v-16528d24] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-16528d24] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-16528d24] .--status-grouped-field {
  display: flex;
}
[data-v-16528d24] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-16528d24] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-16528d24] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-16528d24] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-16528d24] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-16528d24] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-16528d24] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-16528d24] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-16528d24] .employee-image {
  height: 12rem;
}
[data-v-16528d24] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-16528d24] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-16528d24] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-053cf642] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-053cf642] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-053cf642] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-053cf642] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-053cf642] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-053cf642] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-053cf642] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-053cf642] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-053cf642] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-053cf642]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-053cf642] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-053cf642] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-053cf642] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-053cf642] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-053cf642] {
  background-image: none !important;
}
.oxd-text--h5[data-v-053cf642] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-053cf642] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-053cf642] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-053cf642] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-053cf642] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-053cf642] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-053cf642],
.orangehrm-dialog-header-container[data-v-053cf642] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-053cf642],
.orangehrm-dialog-header-container .oxd-button[data-v-053cf642] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-053cf642] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-053cf642] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-053cf642] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-053cf642] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-053cf642] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-053cf642] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-053cf642] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-053cf642] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-053cf642] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-053cf642] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-053cf642] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-053cf642] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-053cf642] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-053cf642] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-053cf642] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-053cf642] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-053cf642] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-053cf642] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-053cf642] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-053cf642] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-053cf642] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-053cf642] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-053cf642] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-053cf642] {
  color: #38455d;
}
.orangehrm-form-action[data-v-053cf642] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-053cf642] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-053cf642] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-053cf642] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-053cf642] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-053cf642] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-053cf642] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-053cf642] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-053cf642] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-053cf642] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-053cf642] {
  flex: 1 1 75%;
}
.user-form-header[data-v-053cf642] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-053cf642] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-053cf642] .--status-grouped-field {
  display: flex;
}
[data-v-053cf642] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-053cf642] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-053cf642] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-053cf642] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-053cf642] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-053cf642] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-053cf642] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-053cf642] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-053cf642] .employee-image {
  height: 12rem;
}
[data-v-053cf642] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-053cf642] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-053cf642] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2be6496b] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2be6496b] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2be6496b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2be6496b] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2be6496b] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2be6496b] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2be6496b] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2be6496b] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2be6496b] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2be6496b]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2be6496b] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2be6496b] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2be6496b] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2be6496b] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2be6496b] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2be6496b] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2be6496b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2be6496b] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2be6496b] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2be6496b] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2be6496b] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2be6496b],
.orangehrm-dialog-header-container[data-v-2be6496b] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2be6496b],
.orangehrm-dialog-header-container .oxd-button[data-v-2be6496b] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2be6496b] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2be6496b] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2be6496b] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2be6496b] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2be6496b] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2be6496b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2be6496b] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2be6496b] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2be6496b] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2be6496b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2be6496b] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2be6496b] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2be6496b] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2be6496b] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2be6496b] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2be6496b] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2be6496b] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2be6496b] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2be6496b] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2be6496b] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2be6496b] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2be6496b] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2be6496b] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2be6496b] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2be6496b] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2be6496b] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2be6496b] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2be6496b] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2be6496b] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2be6496b] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-2be6496b] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-2be6496b] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-2be6496b] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-2be6496b] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-2be6496b] {
  flex: 1 1 75%;
}
.user-form-header[data-v-2be6496b] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-2be6496b] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-2be6496b] .--status-grouped-field {
  display: flex;
}
[data-v-2be6496b] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-2be6496b] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-2be6496b] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-2be6496b] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-2be6496b] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-2be6496b] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-2be6496b] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-2be6496b] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-2be6496b] .employee-image {
  height: 12rem;
}
[data-v-2be6496b] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-2be6496b] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-2be6496b] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-dc8deaa6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-dc8deaa6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-dc8deaa6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-dc8deaa6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-dc8deaa6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-dc8deaa6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-dc8deaa6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-dc8deaa6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-dc8deaa6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-dc8deaa6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-dc8deaa6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-dc8deaa6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-dc8deaa6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-dc8deaa6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-dc8deaa6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-dc8deaa6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-dc8deaa6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-dc8deaa6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-dc8deaa6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-dc8deaa6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-dc8deaa6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-dc8deaa6],
.orangehrm-dialog-header-container[data-v-dc8deaa6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-dc8deaa6],
.orangehrm-dialog-header-container .oxd-button[data-v-dc8deaa6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-dc8deaa6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-dc8deaa6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-dc8deaa6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-dc8deaa6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-dc8deaa6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-dc8deaa6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-dc8deaa6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-dc8deaa6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-dc8deaa6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-dc8deaa6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-dc8deaa6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-dc8deaa6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-dc8deaa6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-dc8deaa6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-dc8deaa6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-dc8deaa6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-dc8deaa6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-dc8deaa6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-dc8deaa6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-dc8deaa6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-dc8deaa6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-dc8deaa6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-dc8deaa6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-dc8deaa6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-dc8deaa6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-dc8deaa6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-dc8deaa6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-dc8deaa6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-dc8deaa6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-dc8deaa6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-dc8deaa6] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-dc8deaa6] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-dc8deaa6] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-dc8deaa6] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-dc8deaa6] {
  flex: 1 1 75%;
}
.user-form-header[data-v-dc8deaa6] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-dc8deaa6] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-dc8deaa6] .--status-grouped-field {
  display: flex;
}
[data-v-dc8deaa6] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-dc8deaa6] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-dc8deaa6] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-dc8deaa6] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-dc8deaa6] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-dc8deaa6] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-dc8deaa6] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-dc8deaa6] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-dc8deaa6] .employee-image {
  height: 12rem;
}
[data-v-dc8deaa6] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-dc8deaa6] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-dc8deaa6] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-a715b63e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-a715b63e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-a715b63e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-a715b63e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-a715b63e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-a715b63e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-a715b63e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-a715b63e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-a715b63e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-a715b63e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-a715b63e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-a715b63e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-a715b63e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-a715b63e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-a715b63e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-a715b63e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-a715b63e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-a715b63e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-a715b63e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-a715b63e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-a715b63e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-a715b63e],
.orangehrm-dialog-header-container[data-v-a715b63e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-a715b63e],
.orangehrm-dialog-header-container .oxd-button[data-v-a715b63e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-a715b63e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-a715b63e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-a715b63e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-a715b63e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-a715b63e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-a715b63e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-a715b63e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-a715b63e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-a715b63e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-a715b63e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-a715b63e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-a715b63e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-a715b63e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-a715b63e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-a715b63e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-a715b63e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-a715b63e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-a715b63e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-a715b63e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-a715b63e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-a715b63e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-a715b63e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-a715b63e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-a715b63e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-a715b63e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-a715b63e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-a715b63e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-a715b63e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-a715b63e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-a715b63e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-a715b63e] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-a715b63e] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-a715b63e] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-a715b63e] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-a715b63e] {
  flex: 1 1 75%;
}
.user-form-header[data-v-a715b63e] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-a715b63e] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-a715b63e] .--status-grouped-field {
  display: flex;
}
[data-v-a715b63e] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-a715b63e] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-a715b63e] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-a715b63e] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-a715b63e] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-a715b63e] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-a715b63e] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-a715b63e] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-a715b63e] .employee-image {
  height: 12rem;
}
[data-v-a715b63e] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-a715b63e] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-a715b63e] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-75c61230] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-75c61230] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-75c61230] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-75c61230] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-75c61230] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-75c61230] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-75c61230] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-75c61230] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-75c61230] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-75c61230]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-75c61230] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-75c61230] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-75c61230] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-75c61230] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-75c61230] {
  background-image: none !important;
}
.oxd-text--h5[data-v-75c61230] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-75c61230] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-75c61230] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-75c61230] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-75c61230] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-75c61230] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-75c61230],
.orangehrm-dialog-header-container[data-v-75c61230] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-75c61230],
.orangehrm-dialog-header-container .oxd-button[data-v-75c61230] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-75c61230] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-75c61230] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-75c61230] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-75c61230] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-75c61230] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-75c61230] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-75c61230] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-75c61230] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-75c61230] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-75c61230] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-75c61230] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-75c61230] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-75c61230] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-75c61230] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-75c61230] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-75c61230] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-75c61230] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-75c61230] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-75c61230] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-75c61230] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-75c61230] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-75c61230] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-75c61230] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-75c61230] {
  color: #38455d;
}
.orangehrm-form-action[data-v-75c61230] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-75c61230] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-75c61230] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-75c61230] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-75c61230] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-75c61230] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-75c61230] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-75c61230] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-75c61230] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-75c61230] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-75c61230] {
  flex: 1 1 75%;
}
.user-form-header[data-v-75c61230] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-75c61230] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-75c61230] .--status-grouped-field {
  display: flex;
}
[data-v-75c61230] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-75c61230] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-75c61230] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-75c61230] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-75c61230] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-75c61230] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-75c61230] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-75c61230] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-75c61230] .employee-image {
  height: 12rem;
}
[data-v-75c61230] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-75c61230] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-75c61230] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2fc78e28] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2fc78e28] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2fc78e28] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2fc78e28] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2fc78e28] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2fc78e28] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2fc78e28] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2fc78e28] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2fc78e28] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2fc78e28]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2fc78e28] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2fc78e28] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2fc78e28] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2fc78e28] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2fc78e28] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2fc78e28] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2fc78e28] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2fc78e28] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2fc78e28] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2fc78e28] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2fc78e28] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2fc78e28],
.orangehrm-dialog-header-container[data-v-2fc78e28] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2fc78e28],
.orangehrm-dialog-header-container .oxd-button[data-v-2fc78e28] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2fc78e28] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2fc78e28] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2fc78e28] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2fc78e28] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2fc78e28] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2fc78e28] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2fc78e28] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2fc78e28] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2fc78e28] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2fc78e28] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2fc78e28] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2fc78e28] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2fc78e28] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2fc78e28] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2fc78e28] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2fc78e28] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2fc78e28] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2fc78e28] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2fc78e28] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2fc78e28] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2fc78e28] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2fc78e28] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2fc78e28] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2fc78e28] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2fc78e28] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2fc78e28] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2fc78e28] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2fc78e28] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2fc78e28] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2fc78e28] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-2fc78e28] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-2fc78e28] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-2fc78e28] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-2fc78e28] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-2fc78e28] {
  flex: 1 1 75%;
}
.user-form-header[data-v-2fc78e28] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-2fc78e28] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-2fc78e28] .--status-grouped-field {
  display: flex;
}
[data-v-2fc78e28] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-2fc78e28] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-2fc78e28] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-2fc78e28] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-2fc78e28] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-2fc78e28] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-2fc78e28] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-2fc78e28] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-2fc78e28] .employee-image {
  height: 12rem;
}
[data-v-2fc78e28] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-2fc78e28] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-2fc78e28] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-9aed2f48] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-9aed2f48] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-9aed2f48] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-9aed2f48] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-9aed2f48] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-9aed2f48] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-9aed2f48] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-9aed2f48] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-9aed2f48] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-9aed2f48]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-9aed2f48] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-9aed2f48] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-9aed2f48] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-9aed2f48] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-9aed2f48] {
  background-image: none !important;
}
.oxd-text--h5[data-v-9aed2f48] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-9aed2f48] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-9aed2f48] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-9aed2f48] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-9aed2f48] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-9aed2f48] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-9aed2f48],
.orangehrm-dialog-header-container[data-v-9aed2f48] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-9aed2f48],
.orangehrm-dialog-header-container .oxd-button[data-v-9aed2f48] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-9aed2f48] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-9aed2f48] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-9aed2f48] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-9aed2f48] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-9aed2f48] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-9aed2f48] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-9aed2f48] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-9aed2f48] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-9aed2f48] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-9aed2f48] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-9aed2f48] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-9aed2f48] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-9aed2f48] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-9aed2f48] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-9aed2f48] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-9aed2f48] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-9aed2f48] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-9aed2f48] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-9aed2f48] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-9aed2f48] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-9aed2f48] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-9aed2f48] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-9aed2f48] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-9aed2f48] {
  color: #38455d;
}
.orangehrm-form-action[data-v-9aed2f48] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-9aed2f48] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-9aed2f48] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-9aed2f48] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-9aed2f48] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-9aed2f48] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-container[data-v-9aed2f48] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-9aed2f48] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-9aed2f48] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-9aed2f48] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-9aed2f48] {
  flex: 1 1 75%;
}
.user-form-header[data-v-9aed2f48] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-9aed2f48] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-9aed2f48] .--status-grouped-field {
  display: flex;
}
[data-v-9aed2f48] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-9aed2f48] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-9aed2f48] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-9aed2f48] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-9aed2f48] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-9aed2f48] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-9aed2f48] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-9aed2f48] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-9aed2f48] .employee-image {
  height: 12rem;
}
[data-v-9aed2f48] .--termination-button {
  white-space: unset !important;
}
.orangehrm-terminate-date[data-v-9aed2f48] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.header-container[data-v-9aed2f48] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 400 !important;
  color: #64728c !important;
  margin-bottom: 0px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-dcfab554] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-dcfab554] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-dcfab554] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-dcfab554] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-dcfab554] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-dcfab554] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-dcfab554] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-dcfab554] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-dcfab554] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-dcfab554]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-dcfab554] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-dcfab554] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-dcfab554] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-dcfab554] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-dcfab554] {
  background-image: none !important;
}
.oxd-text--h5[data-v-dcfab554] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-dcfab554] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-dcfab554] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-dcfab554] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-dcfab554] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-dcfab554] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-dcfab554],
.orangehrm-dialog-header-container[data-v-dcfab554] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-dcfab554],
.orangehrm-dialog-header-container .oxd-button[data-v-dcfab554] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-dcfab554] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-dcfab554] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-dcfab554] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-dcfab554] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-dcfab554] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-dcfab554] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-dcfab554] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-dcfab554] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-dcfab554] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-dcfab554] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-dcfab554] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-dcfab554] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-dcfab554] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-dcfab554] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-dcfab554] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-dcfab554] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-dcfab554] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-dcfab554] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-dcfab554] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-dcfab554] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-dcfab554] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-dcfab554] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-dcfab554] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-dcfab554] {
  color: #38455d;
}
.orangehrm-form-action[data-v-dcfab554] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-dcfab554] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-dcfab554] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-dcfab554] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-dcfab554] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-dcfab554] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.value[data-v-dcfab554] {
  font-size: 13px;
  text-align: right;
}
.scrollbar-top[data-v-dcfab554] {
  overflow-x: auto;
  overflow-y: hidden;
  height: 16px;
  margin-bottom: 4px;
}
.scrollbar-dummy[data-v-dcfab554] {
  height: 1px;
  min-width: 1000px;
}
.table-scroll-wrapper[data-v-dcfab554] {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  margin-bottom: 20px;
}
table[data-v-dcfab554] {
  min-width: 700px;
  border-collapse: separate;
  border-spacing: 0;
}
th[data-v-dcfab554],
td[data-v-dcfab554] {
  padding: 10px 16px;
  min-width: 120px;
  text-align: left;
  white-space: nowrap;
}
.period-col[data-v-dcfab554] {
  min-width: 140px;
}
.paycode-col[data-v-dcfab554] {
  min-width: 120px;
}
.ytd-col[data-v-dcfab554] {
  min-width: 120px;
}
.key-value-total[data-v-dcfab554] {
  background: #f9fafb;
  font-weight: 700;
}
.value[data-v-dcfab554],
.num-col[data-v-dcfab554],
.paycode-col[data-v-dcfab554],
.ytd-col[data-v-dcfab554] {
  text-align: right;
}
.num-col[data-v-dcfab554],
.paycode-col[data-v-dcfab554],
.ytd-col[data-v-dcfab554] {
  text-align: right;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-7fcd09d0] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-7fcd09d0] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-7fcd09d0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-7fcd09d0] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-7fcd09d0] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-7fcd09d0] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-7fcd09d0] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-7fcd09d0] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-7fcd09d0] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-7fcd09d0]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-7fcd09d0] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-7fcd09d0] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-7fcd09d0] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-7fcd09d0] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-7fcd09d0] {
  background-image: none !important;
}
.oxd-text--h5[data-v-7fcd09d0] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-7fcd09d0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-7fcd09d0] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-7fcd09d0] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-7fcd09d0] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-7fcd09d0] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-7fcd09d0],
.orangehrm-dialog-header-container[data-v-7fcd09d0] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-7fcd09d0],
.orangehrm-dialog-header-container .oxd-button[data-v-7fcd09d0] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-7fcd09d0] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-7fcd09d0] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-7fcd09d0] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-7fcd09d0] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-7fcd09d0] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-7fcd09d0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-7fcd09d0] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-7fcd09d0] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-7fcd09d0] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-7fcd09d0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-7fcd09d0] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-7fcd09d0] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-7fcd09d0] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-7fcd09d0] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-7fcd09d0] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-7fcd09d0] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-7fcd09d0] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-7fcd09d0] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-7fcd09d0] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-7fcd09d0] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-7fcd09d0] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-7fcd09d0] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-7fcd09d0] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-7fcd09d0] {
  color: #38455d;
}
.orangehrm-form-action[data-v-7fcd09d0] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-7fcd09d0] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-7fcd09d0] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-7fcd09d0] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-7fcd09d0] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-7fcd09d0] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-support-text[data-v-7fcd09d0] {
  font-size: 12px;
}
.orangehrm-support[data-v-7fcd09d0] {
  padding: 1rem 0;
}
.orangehrm-support-channel[data-v-7fcd09d0] {
  grid-template-columns: 50px 1fr;
  align-items: center;
}
.orangehrm-support-channel img[data-v-7fcd09d0] {
  width: 40px;
  height: 40px;
}
.orangehrm-support-link[data-v-7fcd09d0] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.search-container {
  position: relative;
  display: grid;
  grid-gap: 20px;
  width: clamp(300px, 70%, 1000px);
  justify-self: center;
}
.search-container .search-results-container {
  position: absolute;
  background-color: white;
  padding: 10px 15px 10px 20px;
  top: 40px;
  border-radius: 5px;
  box-shadow: 1px 5px 10px #888888;
}
.search-container .search-results-container .search-result-content-holder {
  position: relative;
  display: grid;
  font-family: "Nunito Sans";
  font-size: 14px;
  color: #929baa;
}
.search-container .search-results-container .search-result-content-holder .search-item {
  cursor: pointer;
}
.search-container .search-results-container .search-result-content-holder .title {
  font-weight: 600;
  color: orange;
  text-transform: uppercase;
}
.search-container .search-results-container .search-result-content-holder .contents {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.manual-main-container {
  font-family: "Nunito Sans";
  font-size: 14px;
  color: #929baa;
  width: clamp(300px, 70%, 1000px);
  display: grid;
  justify-self: center;
}
.manual-main-container .item-manual {
  display: grid;
  grid-gap: 10px;
}
.manual-main-container .item-manual p .ql-size-small {
  font-size: 0.75em;
}
.manual-main-container .item-manual p .ql-size-large {
  font-size: 1.5em !important;
}
.manual-main-container .item-manual p .ql-size-huge {
  font-size: 2.5em;
}
.manual-main-container .item-manual p img {
  max-width: 30%;
}
.oxd-main-menu-search {
  max-width: 250px;
  max-height: 30px;
  width: 100%;
  display: flex;
  align-items: center;
}
.oxd-main-menu-search .oxd-menu-icon {
  color: #929baa !important;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
}
.orangehrm-module-container {
  display: grid;
  grid-gap: 30px;
}
.orangehrm-module-under-development {
  text-align: center;
}
.orangehrm-module-under-development-img {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
img {
  cursor: pointer;
  transition: transform 0.2s;
}

/* Larger view of the image */
.larger-image {
  width: auto;
  max-width: -moz-max-content;
  max-width: max-content;
  height: calc(100vh - 50px);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}

/* Overlay to dim the background */
.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 999;
}
.close-button {
  position: fixed;
  width: 25px;
  height: 25px;
  top: 10px;
  right: 10px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 100%;
  cursor: pointer;
  z-index: 10000;
}
.close-button > i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.orangehrm-candidate-page[data-v-3cfbf39b] {
    padding-bottom: 24px;
}
.orangehrm-full-width-grid[data-v-3cfbf39b] {
    width: 100%;
}
.container-title[data-v-3cfbf39b] {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 14px;
    color: #64728c;
}
[data-v-3cfbf39b] .oxd-form-row {
    margin-bottom: 18px;
}
[data-v-3cfbf39b] .oxd-divider {
    margin: 14px 0;
}
[data-v-3cfbf39b] .oxd-input-field-bottom-space {
    margin-bottom: 0;
}
[data-v-3cfbf39b] .oxd-textarea {
    min-height: 90px;
    resize: vertical;
}
[data-v-3cfbf39b] .oxd-form-actions {
    padding-top: 8px;
    display: flex;
    justify-content: flex-end;
    gap: 12px;
}
.orangehrm-paper-container[data-v-3cfbf39b] {
    margin-top: 20px;
}
.orangehrm-container[data-v-3cfbf39b] {
    margin-top: 12px;
}


.row[data-v-58ca2aa1] { 
  display: flex;
  gap: 1rem;
}
.col-6[data-v-58ca2aa1] {
  flex: 1;
}
.select-wrapper[data-v-58ca2aa1] {
  margin-bottom: 1rem;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-e22d0968] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-e22d0968] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-e22d0968] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-e22d0968] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-e22d0968] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-e22d0968] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-e22d0968] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-e22d0968] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-e22d0968] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-e22d0968]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-e22d0968] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-e22d0968] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-e22d0968] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-e22d0968] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-e22d0968] {
  background-image: none !important;
}
.oxd-text--h5[data-v-e22d0968] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-e22d0968] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-e22d0968] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-e22d0968] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-e22d0968] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-e22d0968] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-e22d0968],
.orangehrm-dialog-header-container[data-v-e22d0968] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-e22d0968],
.orangehrm-dialog-header-container .oxd-button[data-v-e22d0968] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-e22d0968] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-e22d0968] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-e22d0968] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-e22d0968] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-e22d0968] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-e22d0968] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-e22d0968] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-e22d0968] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-e22d0968] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-e22d0968] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-e22d0968] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-e22d0968] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-e22d0968] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-e22d0968] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-e22d0968] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-e22d0968] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-e22d0968] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-e22d0968] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-e22d0968] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-e22d0968] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-e22d0968] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-e22d0968] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-e22d0968] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-e22d0968] {
  color: #38455d;
}
.orangehrm-form-action[data-v-e22d0968] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-e22d0968] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-e22d0968] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-e22d0968] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-e22d0968] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-e22d0968] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-container[data-v-e22d0968] {
  margin-top: 25px;
}
.table-container table[data-v-e22d0968] {
  width: 100%;
}
.table-container th[data-v-e22d0968],
.table-container td[data-v-e22d0968] {
  padding: 10px 15px;
}
.table-container th[data-v-e22d0968] {
  font-size: 14px;
}
.table-container td[data-v-e22d0968] {
  font-size: 12px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6384ce22] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6384ce22] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6384ce22] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6384ce22] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6384ce22] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6384ce22] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6384ce22] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6384ce22] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6384ce22] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6384ce22]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6384ce22] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6384ce22] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6384ce22] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6384ce22] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6384ce22] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6384ce22] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6384ce22] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6384ce22] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6384ce22] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6384ce22] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6384ce22] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6384ce22],
.orangehrm-dialog-header-container[data-v-6384ce22] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6384ce22],
.orangehrm-dialog-header-container .oxd-button[data-v-6384ce22] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6384ce22] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6384ce22] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6384ce22] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6384ce22] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6384ce22] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6384ce22] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6384ce22] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6384ce22] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6384ce22] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6384ce22] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6384ce22] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6384ce22] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6384ce22] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6384ce22] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6384ce22] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6384ce22] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6384ce22] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6384ce22] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6384ce22] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6384ce22] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6384ce22] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6384ce22] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6384ce22] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6384ce22] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6384ce22] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6384ce22] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6384ce22] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6384ce22] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6384ce22] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6384ce22] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-container[data-v-6384ce22] {
  margin-top: 25px;
}
.table-container table[data-v-6384ce22] {
  width: 100%;
}
.table-container th[data-v-6384ce22],
.table-container td[data-v-6384ce22] {
  padding: 10px 15px;
}
.table-container th[data-v-6384ce22] .oxd-input-group,
.table-container td[data-v-6384ce22] .oxd-input-group {
  margin: 0;
}
.table-container th[data-v-6384ce22] {
  font-size: 14px;
}
.table-container td[data-v-6384ce22] {
  font-size: 12px;
}

/* Progress Modal Styles */
.progress-modal-overlay[data-v-6384ce22] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.progress-modal[data-v-6384ce22] {
  background: white;
  border-radius: 8px;
  padding: 24px;
  min-width: 400px;
  max-width: 500px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.progress-header[data-v-6384ce22] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.progress-header h3[data-v-6384ce22] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #202124;
}
.close-btn[data-v-6384ce22] {
  min-width: auto !important;
  padding: 4px 8px !important;
  font-size: 18px;
  color: #64728c;
}
.progress-content[data-v-6384ce22] {
  text-align: left;
}
.progress-info p[data-v-6384ce22] {
  margin: 8px 0;
  font-size: 14px;
  color: #374151;
}
.status-pending[data-v-6384ce22] {
  color: #f59e0b;
}
.status-processing[data-v-6384ce22] {
  color: #3b82f6;
}
.status-completed[data-v-6384ce22] {
  color: #10b981;
}
.status-failed[data-v-6384ce22] {
  color: #ef4444;
}
.progress-bar-container[data-v-6384ce22] {
  width: 100%;
  height: 8px;
  background-color: #e5e7eb;
  border-radius: 4px;
  margin: 16px 0;
  overflow: hidden;
}
.progress-bar[data-v-6384ce22] {
  height: 100%;
  background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
  border-radius: 4px;
  transition: width 0.3s ease;
}
.progress-percentage[data-v-6384ce22] {
  font-size: 16px;
  font-weight: 600;
  color: #202124;
  margin-bottom: 8px;
}
.progress-note[data-v-6384ce22] {
  font-size: 12px;
  color: #6b7280;
  margin: 8px 0 0 0;
  font-style: italic;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-ef6a24ae] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-ef6a24ae] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-ef6a24ae] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-ef6a24ae] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-ef6a24ae] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-ef6a24ae] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-ef6a24ae] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-ef6a24ae] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-ef6a24ae] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-ef6a24ae]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-ef6a24ae] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-ef6a24ae] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-ef6a24ae] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-ef6a24ae] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-ef6a24ae] {
  background-image: none !important;
}
.oxd-text--h5[data-v-ef6a24ae] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-ef6a24ae] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-ef6a24ae] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-ef6a24ae] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-ef6a24ae] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-ef6a24ae] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-ef6a24ae],
.orangehrm-dialog-header-container[data-v-ef6a24ae] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-ef6a24ae],
.orangehrm-dialog-header-container .oxd-button[data-v-ef6a24ae] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-ef6a24ae] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-ef6a24ae] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-ef6a24ae] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-ef6a24ae] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-ef6a24ae] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-ef6a24ae] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-ef6a24ae] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-ef6a24ae] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-ef6a24ae] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-ef6a24ae] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-ef6a24ae] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-ef6a24ae] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-ef6a24ae] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-ef6a24ae] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-ef6a24ae] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-ef6a24ae] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-ef6a24ae] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-ef6a24ae] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-ef6a24ae] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-ef6a24ae] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-ef6a24ae] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-ef6a24ae] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-ef6a24ae] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-ef6a24ae] {
  color: #38455d;
}
.orangehrm-form-action[data-v-ef6a24ae] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-ef6a24ae] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-ef6a24ae] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-ef6a24ae] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-ef6a24ae] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-ef6a24ae] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-ef6a24ae] .oxd-input-field-bottom-space {
  margin-bottom: 0 !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-243f6312] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-243f6312] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-243f6312] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-243f6312] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-243f6312] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-243f6312] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-243f6312] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-243f6312] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-243f6312] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-243f6312]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-243f6312] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-243f6312] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-243f6312] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-243f6312] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-243f6312] {
  background-image: none !important;
}
.oxd-text--h5[data-v-243f6312] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-243f6312] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-243f6312] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-243f6312] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-243f6312] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-243f6312] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-243f6312],
.orangehrm-dialog-header-container[data-v-243f6312] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-243f6312],
.orangehrm-dialog-header-container .oxd-button[data-v-243f6312] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-243f6312] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-243f6312] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-243f6312] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-243f6312] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-243f6312] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-243f6312] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-243f6312] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-243f6312] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-243f6312] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-243f6312] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-243f6312] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-243f6312] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-243f6312] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-243f6312] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-243f6312] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-243f6312] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-243f6312] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-243f6312] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-243f6312] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-243f6312] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-243f6312] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-243f6312] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-243f6312] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-243f6312] {
  color: #38455d;
}
.orangehrm-form-action[data-v-243f6312] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-243f6312] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-243f6312] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-243f6312] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-243f6312] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-243f6312] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-container[data-v-243f6312] {
  position: relative;
}
.table-container .spinner[data-v-243f6312] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.5);
}
table[data-v-243f6312] {
  width: 100%;
  border-collapse: collapse;
}
table th[data-v-243f6312],
table td[data-v-243f6312] {
  padding: 15px 5px;
  text-align: left;
}
table th[data-v-243f6312] {
  color: #626262;
  background-color: #fff;
  font-weight: 700;
}
table td[data-v-243f6312] {
  color: #626262;
  font-size: 12px;
  font-weight: 400;
}
table tr:nth-child(2n+1) td[data-v-243f6312] {
  background-color: #f9f9f1 !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-243f6312] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-243f6312] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-243f6312] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-243f6312] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-243f6312] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-243f6312] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-243f6312] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-243f6312] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-243f6312] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-243f6312]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-243f6312] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-243f6312] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-243f6312] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-243f6312] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-243f6312] {
  background-image: none !important;
}
.oxd-text--h5[data-v-243f6312] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-243f6312] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-243f6312] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-243f6312] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-243f6312] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-243f6312] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-243f6312],
.orangehrm-dialog-header-container[data-v-243f6312] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-243f6312],
.orangehrm-dialog-header-container .oxd-button[data-v-243f6312] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-243f6312] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-243f6312] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-243f6312] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-243f6312] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-243f6312] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-243f6312] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-243f6312] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-243f6312] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-243f6312] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-243f6312] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-243f6312] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-243f6312] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-243f6312] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-243f6312] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-243f6312] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-243f6312] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-243f6312] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-243f6312] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-243f6312] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-243f6312] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-243f6312] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-243f6312] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-243f6312] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-243f6312] {
  color: #38455d;
}
.orangehrm-form-action[data-v-243f6312] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-243f6312] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-243f6312] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-243f6312] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-243f6312] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-243f6312] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
td[data-v-243f6312],
th[data-v-243f6312] {
  white-space: nowrap;
  min-width: -moz-fit-content;
  min-width: fit-content;
  padding: 10px 25px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4d52c986] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4d52c986] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4d52c986] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4d52c986] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4d52c986] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4d52c986] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4d52c986] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4d52c986] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4d52c986] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4d52c986]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4d52c986] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4d52c986] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4d52c986] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4d52c986] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4d52c986] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4d52c986] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4d52c986] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4d52c986] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4d52c986] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4d52c986] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4d52c986] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4d52c986],
.orangehrm-dialog-header-container[data-v-4d52c986] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4d52c986],
.orangehrm-dialog-header-container .oxd-button[data-v-4d52c986] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4d52c986] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4d52c986] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4d52c986] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4d52c986] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4d52c986] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4d52c986] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4d52c986] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4d52c986] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4d52c986] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4d52c986] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4d52c986] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4d52c986] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4d52c986] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4d52c986] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4d52c986] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4d52c986] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4d52c986] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4d52c986] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4d52c986] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4d52c986] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4d52c986] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4d52c986] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4d52c986] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4d52c986] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4d52c986] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4d52c986] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4d52c986] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4d52c986] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4d52c986] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4d52c986] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4d52c986] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4d52c986] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4d52c986] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4d52c986] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4d52c986] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4d52c986] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4d52c986] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4d52c986] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4d52c986] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4d52c986]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4d52c986] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4d52c986] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4d52c986] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4d52c986] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4d52c986] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4d52c986] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4d52c986] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4d52c986] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4d52c986] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4d52c986] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4d52c986] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4d52c986],
.orangehrm-dialog-header-container[data-v-4d52c986] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4d52c986],
.orangehrm-dialog-header-container .oxd-button[data-v-4d52c986] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4d52c986] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4d52c986] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4d52c986] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4d52c986] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4d52c986] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4d52c986] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4d52c986] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4d52c986] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4d52c986] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4d52c986] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4d52c986] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4d52c986] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4d52c986] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4d52c986] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4d52c986] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4d52c986] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4d52c986] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4d52c986] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4d52c986] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4d52c986] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4d52c986] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4d52c986] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4d52c986] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4d52c986] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4d52c986] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4d52c986] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4d52c986] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4d52c986] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4d52c986] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4d52c986] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-view-report-data-page[data-v-4d52c986] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: "Nunito Sans";
}
.orangehrm-view-report-data-page__header[data-v-4d52c986] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
}
.orangehrm-view-report-data-page__header .header-title[data-v-4d52c986] {
  color: #64728c;
  font-size: 16px;
  font-weight: 600;
}
.orangehrm-view-report-data-page__header .header-export[data-v-4d52c986] {
  display: flex;
  align-items: center;
  gap: 15px;
}
.orangehrm-view-report-data-page__header .header-export__label[data-v-4d52c986] {
  color: #64728c;
  font-size: 16px;
  font-weight: 600;
}
.orangehrm-view-report-data-page__body[data-v-4d52c986] {
  overflow-x: auto;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tree-item-node-parent {
  width: 100% !important;
}
.tiny_horizontal_margin {
  display: flex;
  align-items: center;
}
.tree-item {
  position: relative;
}
.selected-tree-item {
  background-color: #fff !important;
  color: #000 !important;
}
.folder-status-select {
  width: 120px !important;
  min-width: 120px !important;
  margin-right: 15px;
  margin-bottom: 4px;
}
.folder-status-select .vs__dropdown-toggle {
  padding: 0.5rem 0.75rem;
  font-size: 12px;
  font-weight: 500;
  min-height: 36px;
  transition: all 0.2s ease;
}
.folder-status-select .vs__selected {
  font-weight: 500;
  color: #64728c;
  margin: 0;
}
.folder-status-select .vs__actions {
  padding: 0;
}
.folder-status-select.status-done .vs__dropdown-toggle {
  background-color: #e8f5e9;
  border-color: #4caf50;
}
.folder-status-select.status-done .vs__dropdown-toggle:hover {
  background-color: #c8e6c9;
  border-color: #388e3c;
}
.folder-status-select.status-done .vs__selected {
  color: #2e7d32;
  font-weight: 600;
}
.folder-status-select.status-pending .vs__dropdown-toggle {
  background-color: #fff3e0;
  border-color: #ff9800;
}
.folder-status-select.status-pending .vs__dropdown-toggle:hover {
  background-color: #ffe0b2;
  border-color: #f57c00;
}
.folder-status-select.status-pending .vs__selected {
  color: #e65100;
  font-weight: 600;
}
.folder-status-select .vs__dropdown-menu {
  border-radius: 0.65rem;
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border: 1px solid #e8eaef;
  margin-top: 4px;
}
.folder-status-select .vs__dropdown-option {
  padding: 0.5rem 0.75rem;
  font-size: 12px;
  font-weight: 500;
}
.folder-status-select .vs__dropdown-option--highlight {
  background-color: #f6f7f9;
  color: #64728c;
}
.folder-status-select .vs__dropdown-option[data-value=DONE] {
  color: #2e7d32;
  font-weight: 600;
}
.folder-status-select .vs__dropdown-option[data-value=PENDING] {
  color: #e65100;
  font-weight: 600;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-175ad8d5] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-175ad8d5] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-175ad8d5] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-175ad8d5] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-175ad8d5] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-175ad8d5] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-175ad8d5] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-175ad8d5] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-175ad8d5] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-175ad8d5]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-175ad8d5] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-175ad8d5] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-175ad8d5] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-175ad8d5] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-175ad8d5] {
  background-image: none !important;
}
.oxd-text--h5[data-v-175ad8d5] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-175ad8d5] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-175ad8d5] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-175ad8d5] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-175ad8d5] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-175ad8d5] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-175ad8d5],
.orangehrm-dialog-header-container[data-v-175ad8d5] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-175ad8d5],
.orangehrm-dialog-header-container .oxd-button[data-v-175ad8d5] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-175ad8d5] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-175ad8d5] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-175ad8d5] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-175ad8d5] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-175ad8d5] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-175ad8d5] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-175ad8d5] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-175ad8d5] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-175ad8d5] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-175ad8d5] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-175ad8d5] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-175ad8d5] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-175ad8d5] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-175ad8d5] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-175ad8d5] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-175ad8d5] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-175ad8d5] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-175ad8d5] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-175ad8d5] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-175ad8d5] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-175ad8d5] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-175ad8d5] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-175ad8d5] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-175ad8d5] {
  color: #38455d;
}
.orangehrm-form-action[data-v-175ad8d5] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-175ad8d5] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-175ad8d5] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-175ad8d5] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-175ad8d5] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-175ad8d5] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-view-report-page[data-v-175ad8d5] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: "Nunito Sans", sans-serif;
}
.orangehrm-view-report-page__header[data-v-175ad8d5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-view-report-page__header .header-buttons[data-v-175ad8d5] {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 225px;
}
.orangehrm-view-report-page__header .header-buttons .oxd-button[data-v-175ad8d5] {
  height: 35px;
  font-size: 14px;
}
.orangehrm-view-report-page__body[data-v-175ad8d5] {
  display: flex;
  gap: 25px;
}
.orangehrm-view-report-page__body .body-sidebar[data-v-175ad8d5] {
  width: 225px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.orangehrm-view-report-page__body .body-sidebar__item[data-v-175ad8d5] {
  font-size: 12px;
  cursor: pointer;
  padding: 10px 15px;
  border-radius: 1.5rem;
  font-weight: 700;
  color: #64728c;
}
.orangehrm-view-report-page__body .body-sidebar__item[data-v-175ad8d5]:hover, .orangehrm-view-report-page__body .body-sidebar__item.active[data-v-175ad8d5] {
  background-color: #f1f2f5;
}
.orangehrm-view-report-page__body .body-content[data-v-175ad8d5] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tree-item-node-parent {
  width: 100% !important;
}
.tiny_horizontal_margin {
  display: flex;
  align-items: center;
}
.tree-item {
  position: relative;
}
.selected-tree-item {
  background-color: #fff !important;
  color: #000 !important;
}
.folder-status-select {
  width: 120px !important;
  min-width: 120px !important;
  margin-right: 15px;
  margin-bottom: 4px;
}
.folder-status-select .vs__dropdown-toggle {
  padding: 0.25rem 0.5rem;
  font-size: 12px;
  min-height: 28px;
  line-height: 1.2;
  font-weight: 500;
  /* Use attribute selectors to match current value */
}
.folder-status-select .vs__dropdown-toggle[data-selected=ENABLED] {
  background-color: #e8f5e9;
  border-color: #4caf50;
}
.folder-status-select .vs__dropdown-toggle[data-selected=ENABLED] .vs__selected {
  color: #2e7d32;
  font-weight: 600;
}
.folder-status-select .vs__dropdown-toggle[data-selected=DISABLED] {
  background-color: #fff3e0;
  border-color: #ff9800;
}
.folder-status-select .vs__dropdown-toggle[data-selected=DISABLED] .vs__selected {
  color: #e65100;
  font-weight: 600;
}
.folder-status-select .vs__selected {
  margin: 0;
}
.folder-status-select .vs__dropdown-option {
  padding: 0.25rem 0.5rem;
  font-size: 12px;
}
.folder-status-select .vs__dropdown-option[data-value=ENABLED] {
  color: #2e7d32;
  font-weight: 600;
}
.folder-status-select .vs__dropdown-option[data-value=DISABLED] {
  color: #e65100;
  font-weight: 600;
}
.folder-status-select .vs__actions {
  padding: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-493594ba] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-493594ba] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-493594ba] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-493594ba] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-493594ba] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-493594ba] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-493594ba] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-493594ba] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-493594ba] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-493594ba]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-493594ba] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-493594ba] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-493594ba] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-493594ba] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-493594ba] {
  background-image: none !important;
}
.oxd-text--h5[data-v-493594ba] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-493594ba] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-493594ba] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-493594ba] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-493594ba] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-493594ba] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-493594ba],
.orangehrm-dialog-header-container[data-v-493594ba] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-493594ba],
.orangehrm-dialog-header-container .oxd-button[data-v-493594ba] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-493594ba] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-493594ba] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-493594ba] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-493594ba] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-493594ba] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-493594ba] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-493594ba] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-493594ba] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-493594ba] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-493594ba] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-493594ba] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-493594ba] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-493594ba] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-493594ba] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-493594ba] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-493594ba] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-493594ba] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-493594ba] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-493594ba] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-493594ba] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-493594ba] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-493594ba] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-493594ba] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-493594ba] {
  color: #38455d;
}
.orangehrm-form-action[data-v-493594ba] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-493594ba] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-493594ba] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-493594ba] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-493594ba] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-493594ba] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-view-report-page[data-v-493594ba] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: "Nunito Sans", sans-serif;
}
.orangehrm-view-report-page__header[data-v-493594ba] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-view-report-page__header .header-buttons[data-v-493594ba] {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 225px;
}
.orangehrm-view-report-page__header .header-buttons .oxd-button[data-v-493594ba] {
  height: 35px;
  font-size: 14px;
}
.orangehrm-view-report-page__body[data-v-493594ba] {
  display: flex;
  gap: 25px;
}
.orangehrm-view-report-page__body .body-sidebar[data-v-493594ba] {
  width: 225px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.orangehrm-view-report-page__body .body-sidebar__item[data-v-493594ba] {
  font-size: 12px;
  cursor: pointer;
  padding: 10px 15px;
  border-radius: 1.5rem;
  font-weight: 700;
  color: #64728c;
}
.orangehrm-view-report-page__body .body-sidebar__item[data-v-493594ba]:hover, .orangehrm-view-report-page__body .body-sidebar__item.active[data-v-493594ba] {
  background-color: #f1f2f5;
}
.orangehrm-view-report-page__body .body-content[data-v-493594ba] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.parameter-list {
  margin-top: 15px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 10px;
}
.parameter-item {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding: 10px;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.parameter-name {
  font-weight: 600;
  opacity: 0.8;
}
.parameter-value {
  font-family: monospace;
  color: #2c3e50;
  background-color: #f0f0f0;
  padding: 2px 5px;
  border-radius: 3px;
  word-break: break-all;
}
.expand-icon {
  cursor: pointer;
}
.orangehrm-container {
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 250px);
}
.orangehrm-container.onLoading {
  min-height: 350px;
}

.label[data-v-916ac4ba] {
  font-weight: 600;
  font-size: 12px;
  color: rgb(100, 114, 140);
  font-family: 'Nunito Sans';
  margin-bottom: 5px;
}
.employee-option[data-v-916ac4ba] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.past-employee-tag[data-v-916ac4ba] {
  margin-left: 12px;
  font-size: 12px;
  color: #64748b;
}
[data-v-916ac4ba] .vs__dropdown-toggle {
  min-height: 44px;
  border-radius: 8px;
  border: 1px solid #d1d5db;
  padding: 4px 8px;
}
[data-v-916ac4ba] .vs__selected {
  font-size: 12px;
  background: #f3f4f6;
  border-radius: 14px;
  padding: 2px 8px;
  color: #4b5563;
}
[data-v-916ac4ba] .vs__search {
  font-size: 14px;
}
[data-v-916ac4ba] .vs__dropdown-menu {
  border-radius: 8px;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-62d80adc] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-62d80adc] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-62d80adc] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-62d80adc] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-62d80adc] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-62d80adc] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-62d80adc] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-62d80adc] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-62d80adc] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-62d80adc]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-62d80adc] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-62d80adc] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-62d80adc] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-62d80adc] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-62d80adc] {
  background-image: none !important;
}
.oxd-text--h5[data-v-62d80adc] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-62d80adc] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-62d80adc] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-62d80adc] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-62d80adc] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-62d80adc] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-62d80adc],
.orangehrm-dialog-header-container[data-v-62d80adc] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-62d80adc],
.orangehrm-dialog-header-container .oxd-button[data-v-62d80adc] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-62d80adc] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-62d80adc] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-62d80adc] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-62d80adc] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-62d80adc] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-62d80adc] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-62d80adc] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-62d80adc] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-62d80adc] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-62d80adc] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-62d80adc] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-62d80adc] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-62d80adc] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-62d80adc] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-62d80adc] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-62d80adc] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-62d80adc] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-62d80adc] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-62d80adc] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-62d80adc] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-62d80adc] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-62d80adc] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-62d80adc] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-62d80adc] {
  color: #38455d;
}
.orangehrm-form-action[data-v-62d80adc] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-62d80adc] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-62d80adc] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-62d80adc] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-62d80adc] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-62d80adc] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.section-block[data-v-62d80adc] {
  margin-bottom: 24px;
  padding: 22px 24px;
  background: #ffffff;
  border: 1px solid #e7edf5;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.section-header[data-v-62d80adc] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.section-title[data-v-62d80adc] {
  font-size: 18px;
  font-weight: 700;
  color: #334155;
}
.section-subtitle[data-v-62d80adc] {
  margin-top: 4px;
  font-size: 12px;
  color: #64748b;
  line-height: 1.5;
}
.section-badge[data-v-62d80adc] {
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.issue-badge[data-v-62d80adc] {
  color: #0369a1;
  background: #e0f2fe;
  border: 1px solid #bae6fd;
}
.resolution-badge[data-v-62d80adc] {
  color: #047857;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}
[data-v-62d80adc] .help-desk-text-area {
  min-height: 160px !important;
}
[data-v-62d80adc] .help-desk-text-area textarea {
  min-height: 160px !important;
}
.override-divider[data-v-62d80adc] {
  margin-top: 10px !important;
  margin-bottom: 18px !important;
}
.attachment-container[data-v-62d80adc] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.attachment-header[data-v-62d80adc] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.attachment-label[data-v-62d80adc] {
  font-size: 14px;
  font-weight: 700;
  color: #475569;
  margin-bottom: 2px;
}
.attachment-helper[data-v-62d80adc] {
  font-size: 12px;
  color: #64748b;
  line-height: 1.5;
}
.file-display[data-v-62d80adc] {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 16px;
}
.pending-file[data-v-62d80adc] {
  border-style: dashed;
}
.file-name[data-v-62d80adc] {
  font-size: 13px;
  line-height: 1.5;
  word-break: break-word;
  color: #334155;
  font-weight: 500;
}
.file-actions[data-v-62d80adc] {
  display: flex;
  gap: 14px;
  margin-top: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.link-btn[data-v-62d80adc] {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  color: #2563eb;
}
.link-btn.danger[data-v-62d80adc] {
  color: #dc2626;
}
.link-btn[data-v-62d80adc]:hover {
  text-decoration: underline;
}
.remove-warning[data-v-62d80adc] {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #dc2626;
}
.pending-warning[data-v-62d80adc] {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #d97706;
}
.header-row[data-v-62d80adc] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  gap: 16px;
}
.ticket-number[data-v-62d80adc] {
  font-size: 13px;
  font-weight: 700;
  color: #1e40af;
  background: #eef2ff;
  padding: 8px 14px;
  border-radius: 10px;
  letter-spacing: 0.3px;
  white-space: nowrap;
}
.ticket-details-grid[data-v-62d80adc] {
  row-gap: 16px;
}
.history-icon[data-v-62d80adc] {
  width: 32px;
  height: 24px;
  min-width: 24px;
}
.history-icon[data-v-62d80adc] .oxd-icon {
  font-size: 14px;
}
.resolution-date-grid[data-v-62d80adc] {
  margin-top: 4px;
  row-gap: 16px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.admin-note[data-v-62d80adc] {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: #fff7ed;
  color: #c2410c;
  border: 1px solid #fed7aa;
  font-size: 12px;
  font-weight: 600;
}
input[type=file][data-v-62d80adc] {
  font-size: 12px;
  color: #475569;
}
input[type=file][data-v-62d80adc]::file-selector-button {
  margin-right: 10px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: #334155;
  padding: 7px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
input[type=file][data-v-62d80adc]::file-selector-button:hover {
  background: #f8fafc;
}
@media (max-width: 1024px) {
.section-block[data-v-62d80adc] {
    padding: 18px;
}
.header-row[data-v-62d80adc],
  .section-header[data-v-62d80adc] {
    flex-direction: column;
    align-items: flex-start;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dailog-custom-style {
  width: "70vw";
  margin: "auto";
}
.highlight td {
  border: 1px solid black;
  font-weight: 900;
}
.left {
  text-align: left;
  padding-left: 12px;
}
.right {
  text-align: right;
  padding-right: 12px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-07963b9f] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-07963b9f] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-07963b9f] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-07963b9f] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-07963b9f] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-07963b9f] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-07963b9f] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-07963b9f] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-07963b9f] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-07963b9f]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-07963b9f] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-07963b9f] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-07963b9f] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-07963b9f] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-07963b9f] {
  background-image: none !important;
}
.oxd-text--h5[data-v-07963b9f] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-07963b9f] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-07963b9f] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-07963b9f] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-07963b9f] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-07963b9f] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-07963b9f],
.orangehrm-dialog-header-container[data-v-07963b9f] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-07963b9f],
.orangehrm-dialog-header-container .oxd-button[data-v-07963b9f] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-07963b9f] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-07963b9f] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-07963b9f] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-07963b9f] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-07963b9f] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-07963b9f] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-07963b9f] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-07963b9f] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-07963b9f] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-07963b9f] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-07963b9f] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-07963b9f] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-07963b9f] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-07963b9f] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-07963b9f] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-07963b9f] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-07963b9f] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-07963b9f] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-07963b9f] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-07963b9f] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-07963b9f] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-07963b9f] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-07963b9f] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-07963b9f] {
  color: #38455d;
}
.orangehrm-form-action[data-v-07963b9f] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-07963b9f] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-07963b9f] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-07963b9f] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-07963b9f] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-07963b9f] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.section-block[data-v-07963b9f] {
  margin-bottom: 24px;
  padding: 22px 24px;
  background: #ffffff;
  border: 1px solid #e7edf5;
  border-radius: 14px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.03);
}
.section-header[data-v-07963b9f] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.section-title[data-v-07963b9f] {
  font-size: 18px;
  font-weight: 700;
  color: #334155;
}
.section-subtitle[data-v-07963b9f] {
  margin-top: 4px;
  font-size: 12px;
  color: #64748b;
  line-height: 1.5;
}
.section-badge[data-v-07963b9f] {
  padding: 6px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}
.issue-badge[data-v-07963b9f] {
  color: #0369a1;
  background: #e0f2fe;
  border: 1px solid #bae6fd;
}
.resolution-badge[data-v-07963b9f] {
  color: #047857;
  background: #ecfdf5;
  border: 1px solid #a7f3d0;
}
[data-v-07963b9f] .help-desk-text-area {
  min-height: 160px !important;
}
[data-v-07963b9f] .help-desk-text-area textarea {
  min-height: 160px !important;
}
.override-divider[data-v-07963b9f] {
  margin-top: 10px !important;
  margin-bottom: 18px !important;
}
.attachment-container[data-v-07963b9f] {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.attachment-header[data-v-07963b9f] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.attachment-label[data-v-07963b9f] {
  font-size: 14px;
  font-weight: 700;
  color: #475569;
  margin-bottom: 2px;
}
.attachment-helper[data-v-07963b9f] {
  font-size: 12px;
  color: #64748b;
  line-height: 1.5;
}
.file-display[data-v-07963b9f] {
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 16px;
}
.pending-file[data-v-07963b9f] {
  border-style: dashed;
}
.file-name[data-v-07963b9f] {
  font-size: 13px;
  line-height: 1.5;
  word-break: break-word;
  color: #334155;
  font-weight: 500;
}
.file-actions[data-v-07963b9f] {
  display: flex;
  gap: 14px;
  margin-top: 10px;
  flex-wrap: wrap;
  align-items: center;
}
.link-btn[data-v-07963b9f] {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
  font-size: 12px;
  font-weight: 600;
  color: #2563eb;
}
.link-btn.danger[data-v-07963b9f] {
  color: #dc2626;
}
.link-btn[data-v-07963b9f]:hover {
  text-decoration: underline;
}
.remove-warning[data-v-07963b9f] {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #dc2626;
}
.pending-warning[data-v-07963b9f] {
  margin-top: 8px;
  font-size: 12px;
  font-weight: 600;
  color: #d97706;
}
.header-row[data-v-07963b9f] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
  gap: 16px;
}
.ticket-number[data-v-07963b9f] {
  font-size: 13px;
  font-weight: 700;
  color: #1e40af;
  background: #eef2ff;
  padding: 8px 14px;
  border-radius: 10px;
  letter-spacing: 0.3px;
  white-space: nowrap;
}
.ticket-details-grid[data-v-07963b9f] {
  row-gap: 16px;
}
.history-icon[data-v-07963b9f] {
  width: 32px;
  height: 24px;
  min-width: 24px;
}
.history-icon[data-v-07963b9f] .oxd-icon {
  font-size: 14px;
}
.resolution-date-grid[data-v-07963b9f] {
  margin-top: 4px;
  row-gap: 16px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
.admin-note[data-v-07963b9f] {
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  background: #fff7ed;
  color: #c2410c;
  border: 1px solid #fed7aa;
  font-size: 12px;
  font-weight: 600;
}
input[type=file][data-v-07963b9f] {
  font-size: 12px;
  color: #475569;
}
input[type=file][data-v-07963b9f]::file-selector-button {
  margin-right: 10px;
  border: 1px solid #cbd5e1;
  background: #ffffff;
  color: #334155;
  padding: 7px 12px;
  border-radius: 8px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
}
input[type=file][data-v-07963b9f]::file-selector-button:hover {
  background: #f8fafc;
}
@media (max-width: 1024px) {
.section-block[data-v-07963b9f] {
    padding: 18px;
}
.header-row[data-v-07963b9f],
  .section-header[data-v-07963b9f] {
    flex-direction: column;
    align-items: flex-start;
}
}

[data-v-42071ad6] .oxd-select-wrapper {
  min-width: 150px;
}


[data-v-e818520a] .oxd-autocomplete-wrapper {
  min-width: 150px;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-12c340ba] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-12c340ba] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-12c340ba] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-12c340ba] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-12c340ba] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-12c340ba] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-12c340ba] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-12c340ba] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-12c340ba] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-12c340ba]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-12c340ba] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-12c340ba] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-12c340ba] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-12c340ba] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-12c340ba] {
  background-image: none !important;
}
.oxd-text--h5[data-v-12c340ba] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-12c340ba] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-12c340ba] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-12c340ba] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-12c340ba] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-12c340ba] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-12c340ba],
.orangehrm-dialog-header-container[data-v-12c340ba] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-12c340ba],
.orangehrm-dialog-header-container .oxd-button[data-v-12c340ba] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-12c340ba] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-12c340ba] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-12c340ba] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-12c340ba] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-12c340ba] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-12c340ba] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-12c340ba] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-12c340ba] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-12c340ba] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-12c340ba] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-12c340ba] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-12c340ba] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-12c340ba] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-12c340ba] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-12c340ba] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-12c340ba] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-12c340ba] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-12c340ba] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-12c340ba] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-12c340ba] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-12c340ba] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-12c340ba] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-12c340ba] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-12c340ba] {
  color: #38455d;
}
.orangehrm-form-action[data-v-12c340ba] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-12c340ba] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-12c340ba] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-12c340ba] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-12c340ba] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-12c340ba] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-timesheet-grid[data-v-12c340ba] {
  width: 100%;
  grid-template-columns: 100px 1fr;
  margin-bottom: 1rem;
}
.orangehrm-timesheet-title[data-v-12c340ba], .orangehrm-timesheet-text[data-v-12c340ba] {
  word-break: break-word;
  font-size: 12px;
}
.orangehrm-timesheet-title[data-v-12c340ba] {
  font-weight: 700;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-e18e7be8] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-e18e7be8] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-e18e7be8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-e18e7be8] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-e18e7be8] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-e18e7be8] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-e18e7be8] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-e18e7be8] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-e18e7be8] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-e18e7be8]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-e18e7be8] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-e18e7be8] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-e18e7be8] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-e18e7be8] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-e18e7be8] {
  background-image: none !important;
}
.oxd-text--h5[data-v-e18e7be8] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-e18e7be8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-e18e7be8] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-e18e7be8] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-e18e7be8] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-e18e7be8] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-e18e7be8],
.orangehrm-dialog-header-container[data-v-e18e7be8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-e18e7be8],
.orangehrm-dialog-header-container .oxd-button[data-v-e18e7be8] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-e18e7be8] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-e18e7be8] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-e18e7be8] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-e18e7be8] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-e18e7be8] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-e18e7be8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-e18e7be8] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-e18e7be8] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-e18e7be8] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-e18e7be8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-e18e7be8] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-e18e7be8] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-e18e7be8] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-e18e7be8] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-e18e7be8] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-e18e7be8] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-e18e7be8] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-e18e7be8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-e18e7be8] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-e18e7be8] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-e18e7be8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-e18e7be8] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-e18e7be8] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-e18e7be8] {
  color: #38455d;
}
.orangehrm-form-action[data-v-e18e7be8] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-e18e7be8] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-e18e7be8] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-e18e7be8] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-e18e7be8] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-e18e7be8] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-timesheet-header[data-v-e18e7be8], .orangehrm-timesheet-footer[data-v-e18e7be8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-timesheet-header[data-v-e18e7be8] {
  gap: 0.4rem;
  flex-direction: column;
  border-bottom: 1px solid #e8eaef;
}
.orangehrm-timesheet-header--title[data-v-e18e7be8] {
  width: 100%;
  box-sizing: border-box;
  padding: 0.6rem 1.2rem;
  border-bottom: 1px solid #e8eaef;
}
@media (min-width: 800px) {
.orangehrm-timesheet-header[data-v-e18e7be8] {
    flex-direction: row;
}
.orangehrm-timesheet-header--title[data-v-e18e7be8] {
    width: unset;
    border-bottom: unset;
}
}
.orangehrm-timesheet-header--options[data-v-e18e7be8] {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.6rem 1.2rem;
  box-sizing: border-box;
}
@media (min-width: 800px) {
.orangehrm-timesheet-header--options[data-v-e18e7be8] {
    width: unset;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
}
.orangehrm-timesheet-footer[data-v-e18e7be8] {
  padding: 0.6rem 1.2rem;
  border-top: 1px solid #e8eaef;
}
.orangehrm-timesheet-footer--options[data-v-e18e7be8] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-timesheet-footer--options[data-v-e18e7be8] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-timesheet-footer--options[data-v-e18e7be8] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-timesheet-footer--options[data-v-e18e7be8] .oxd-button--medium {
    width: unset;
}
}
.orangehrm-timesheet-body[data-v-e18e7be8] {
  overflow-x: auto;
}
.orangehrm-timesheet-body-message[data-v-e18e7be8] {
  padding: 0.6rem 1.2rem;
}
.orangehrm-timesheet-table[data-v-e18e7be8] {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  font-family: "Nunito Sans";
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 600px) {
.orangehrm-timesheet-table .--freeze-left[data-v-e18e7be8],
  .orangehrm-timesheet-table .--freeze-right[data-v-e18e7be8] {
    position: sticky;
    background-color: #ffffff;
    z-index: 209;
}
.orangehrm-timesheet-table .--freeze-left[data-v-e18e7be8]::after,
  .orangehrm-timesheet-table .--freeze-right[data-v-e18e7be8]::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
}
.orangehrm-timesheet-table .--freeze-left[data-v-e18e7be8] {
    left: 0;
}
.orangehrm-timesheet-table .--freeze-left[data-v-e18e7be8]::after {
    right: 0;
    border-right: 1px solid #e8eaef;
}
.orangehrm-timesheet-table .--freeze-right[data-v-e18e7be8] {
    right: 0;
}
.orangehrm-timesheet-table .--freeze-right[data-v-e18e7be8]::after {
    left: 0;
    border-left: 1px solid #e8eaef;
}
}
.orangehrm-timesheet-table-header-cell[data-v-e18e7be8] {
  padding: 1rem 1.2rem;
  font-weight: 700;
}
.orangehrm-timesheet-table-header-cell.--center[data-v-e18e7be8] {
  text-align: center;
}
.orangehrm-timesheet-table-header-row[data-v-e18e7be8] {
  border-bottom: 1px solid #e8eaef;
}
.orangehrm-timesheet-table-header .--day[data-v-e18e7be8] {
  display: block;
  font-size: 16px;
}
.orangehrm-timesheet-table-body-cell[data-v-e18e7be8] {
  position: relative;
  max-width: 150px;
  padding: 1rem 1.2rem;
}
.orangehrm-timesheet-table-body-cell.--highlight[data-v-e18e7be8] {
  font-weight: 700;
  background-color: #cfd3de;
}
.orangehrm-timesheet-table-body-cell.--highlight-2[data-v-e18e7be8] {
  font-weight: 700;
  color: #ffffff;
  background-color: #929baa;
}
.orangehrm-timesheet-table-body-cell.--highlight-3[data-v-e18e7be8] {
  background-color: #f6f5fb;
}
.orangehrm-timesheet-table-body-cell.--flex[data-v-e18e7be8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.orangehrm-timesheet-table-body-cell.--center[data-v-e18e7be8] {
  text-align: center;
}
.orangehrm-timesheet-table-body-row[data-v-e18e7be8] {
  vertical-align: baseline;
  border-bottom: 1px solid #e8eaef;
}
.orangehrm-timesheet-table-body-row.--total[data-v-e18e7be8] {
  background-color: #cfd3de;
}
.orangehrm-timesheet-table.--editable tr[data-v-e18e7be8] {
  border: unset;
}
.orangehrm-timesheet-table.--editable th[data-v-e18e7be8],
.orangehrm-timesheet-table.--editable td[data-v-e18e7be8] {
  padding: 0.5rem 1rem;
}
.orangehrm-timesheet-table.--editable th.--duration-input[data-v-e18e7be8],
.orangehrm-timesheet-table.--editable td.--duration-input[data-v-e18e7be8] {
  padding: 0.5rem 0.25rem;
}
.orangehrm-timesheet-icon-comment[data-v-e18e7be8] {
  top: -5px;
  right: -5px;
  z-index: 2;
  position: absolute;
}
.orangehrm-timesheet-loader[data-v-e18e7be8] {
  width: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  z-index: 200;
}
.oxd-input-group[data-v-e18e7be8] {
  margin-bottom: 0;
}
[data-v-e18e7be8] .oxd-input-group__label-wrapper {
  display: none;
}
[data-v-e18e7be8] .oxd-input {
  min-width: 50px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3116e46d] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3116e46d] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3116e46d] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3116e46d] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3116e46d] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3116e46d] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3116e46d] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3116e46d] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3116e46d] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3116e46d]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3116e46d] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3116e46d] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3116e46d] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3116e46d] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3116e46d] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3116e46d] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3116e46d] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3116e46d] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3116e46d] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3116e46d] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3116e46d] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3116e46d],
.orangehrm-dialog-header-container[data-v-3116e46d] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3116e46d],
.orangehrm-dialog-header-container .oxd-button[data-v-3116e46d] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3116e46d] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3116e46d] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3116e46d] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3116e46d] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3116e46d] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3116e46d] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3116e46d] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3116e46d] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3116e46d] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3116e46d] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3116e46d] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3116e46d] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3116e46d] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3116e46d] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3116e46d] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3116e46d] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3116e46d] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3116e46d] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3116e46d] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3116e46d] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3116e46d] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3116e46d] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3116e46d] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3116e46d] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3116e46d] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3116e46d] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3116e46d] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3116e46d] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3116e46d] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3116e46d] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-timeperiod-picker[data-v-3116e46d] {
  gap: 0.5rem;
  display: grid;
  align-items: center;
  grid-template: "prev   title  next" "picker picker picker"/36px auto 36px;
}
@media (min-width: 800px) {
.orangehrm-timeperiod-picker[data-v-3116e46d] {
    grid-template: "title prev picker next"/auto auto minmax(240px, max-content) auto;
}
}
.orangehrm-timeperiod-title[data-v-3116e46d] {
  text-align: center;
  font-size: 12px;
  grid-area: title;
}
.orangehrm-timeperiod-icon.--prev[data-v-3116e46d] {
  grid-area: prev;
}
.orangehrm-timeperiod-icon.--next[data-v-3116e46d] {
  grid-area: next;
}
.oxd-input-group[data-v-3116e46d] {
  margin-bottom: 0;
  grid-area: picker;
}
[data-v-3116e46d] .oxd-input-group__label-wrapper {
  display: none;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-98806d50] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-98806d50] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-98806d50] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-98806d50] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-98806d50] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-98806d50] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-98806d50] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-98806d50] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-98806d50] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-98806d50]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-98806d50] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-98806d50] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-98806d50] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-98806d50] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-98806d50] {
  background-image: none !important;
}
.oxd-text--h5[data-v-98806d50] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-98806d50] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-98806d50] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-98806d50] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-98806d50] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-98806d50] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-98806d50],
.orangehrm-dialog-header-container[data-v-98806d50] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-98806d50],
.orangehrm-dialog-header-container .oxd-button[data-v-98806d50] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-98806d50] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-98806d50] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-98806d50] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-98806d50] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-98806d50] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-98806d50] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-98806d50] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-98806d50] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-98806d50] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-98806d50] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-98806d50] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-98806d50] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-98806d50] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-98806d50] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-98806d50] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-98806d50] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-98806d50] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-98806d50] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-98806d50] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-98806d50] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-98806d50] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-98806d50] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-98806d50] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-98806d50] {
  color: #38455d;
}
.orangehrm-form-action[data-v-98806d50] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-98806d50] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-98806d50] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-98806d50] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-98806d50] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-98806d50] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-timeperiod-title[data-v-98806d50] {
  font-size: 12px;
  margin-right: 10px;
}
.orangehrm-form-hint[data-v-98806d50] {
  margin-right: auto;
  font-weight: 600;
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-30d43758] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-30d43758] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-30d43758] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-30d43758] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-30d43758] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-30d43758] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-30d43758] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-30d43758] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-30d43758] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-30d43758]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-30d43758] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-30d43758] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-30d43758] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-30d43758] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-30d43758] {
  background-image: none !important;
}
.oxd-text--h5[data-v-30d43758] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-30d43758] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-30d43758] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-30d43758] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-30d43758] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-30d43758] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-30d43758],
.orangehrm-dialog-header-container[data-v-30d43758] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-30d43758],
.orangehrm-dialog-header-container .oxd-button[data-v-30d43758] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-30d43758] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-30d43758] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-30d43758] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-30d43758] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-30d43758] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-30d43758] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-30d43758] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-30d43758] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-30d43758] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-30d43758] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-30d43758] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-30d43758] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-30d43758] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-30d43758] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-30d43758] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-30d43758] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-30d43758] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-30d43758] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-30d43758] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-30d43758] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-30d43758] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-30d43758] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-30d43758] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-30d43758] {
  color: #38455d;
}
.orangehrm-form-action[data-v-30d43758] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-30d43758] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-30d43758] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-30d43758] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-30d43758] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-30d43758] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-project-admin-input[data-v-30d43758] {
  display: flex;
  align-items: flex-start;
}
.orangehrm-project-admin-input[data-v-30d43758] .oxd-input-group__label-wrapper:empty {
  display: none;
}
.orangehrm-project-delete-icon[data-v-30d43758] {
  margin-left: 1rem;
  margin-top: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-68e89943] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-68e89943] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-68e89943] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-68e89943] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-68e89943] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-68e89943] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-68e89943] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-68e89943] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-68e89943] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-68e89943]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-68e89943] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-68e89943] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-68e89943] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-68e89943] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-68e89943] {
  background-image: none !important;
}
.oxd-text--h5[data-v-68e89943] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-68e89943] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-68e89943] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-68e89943] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-68e89943] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-68e89943] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-68e89943],
.orangehrm-dialog-header-container[data-v-68e89943] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-68e89943],
.orangehrm-dialog-header-container .oxd-button[data-v-68e89943] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-68e89943] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-68e89943] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-68e89943] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-68e89943] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-68e89943] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-68e89943] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-68e89943] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-68e89943] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-68e89943] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-68e89943] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-68e89943] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-68e89943] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-68e89943] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-68e89943] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-68e89943] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-68e89943] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-68e89943] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-68e89943] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-68e89943] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-68e89943] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-68e89943] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-68e89943] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-68e89943] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-68e89943] {
  color: #38455d;
}
.orangehrm-form-action[data-v-68e89943] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-68e89943] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-68e89943] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-68e89943] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-68e89943] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-68e89943] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-activites-container[data-v-68e89943] {
  max-height: 180px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-activites-container[data-v-68e89943]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-activites-container[data-v-68e89943]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-activites-container[data-v-68e89943]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-activites-container[data-v-68e89943] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
[data-v-68e89943] .oxd-checkbox-wrapper {
  word-break: break-word;
}
[data-v-68e89943] .oxd-checkbox-wrapper .oxd-checkbox-input {
  flex-shrink: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-68781afa] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-68781afa] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-68781afa] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-68781afa] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-68781afa] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-68781afa] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-68781afa] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-68781afa] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-68781afa] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-68781afa]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-68781afa] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-68781afa] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-68781afa] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-68781afa] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-68781afa] {
  background-image: none !important;
}
.oxd-text--h5[data-v-68781afa] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-68781afa] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-68781afa] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-68781afa] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-68781afa] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-68781afa] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-68781afa],
.orangehrm-dialog-header-container[data-v-68781afa] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-68781afa],
.orangehrm-dialog-header-container .oxd-button[data-v-68781afa] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-68781afa] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-68781afa] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-68781afa] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-68781afa] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-68781afa] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-68781afa] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-68781afa] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-68781afa] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-68781afa] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-68781afa] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-68781afa] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-68781afa] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-68781afa] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-68781afa] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-68781afa] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-68781afa] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-68781afa] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-68781afa] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-68781afa] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-68781afa] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-68781afa] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-68781afa] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-68781afa] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-68781afa] {
  color: #38455d;
}
.orangehrm-form-action[data-v-68781afa] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-68781afa] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-68781afa] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-68781afa] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-68781afa] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-68781afa] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-main-actions[data-v-68781afa] {
  gap: 0.4rem;
  display: flex;
  flex-direction: column;
}
.orangehrm-main-actions[data-v-68781afa] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-main-actions[data-v-68781afa] {
    flex-direction: row;
}
.orangehrm-main-actions[data-v-68781afa] .oxd-button--medium {
    width: unset;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-40cdef92] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-40cdef92] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-40cdef92] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-40cdef92] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-40cdef92] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-40cdef92] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-40cdef92] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-40cdef92] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-40cdef92] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-40cdef92]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-40cdef92] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-40cdef92] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-40cdef92] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-40cdef92] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-40cdef92] {
  background-image: none !important;
}
.oxd-text--h5[data-v-40cdef92] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-40cdef92] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-40cdef92] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-40cdef92] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-40cdef92] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-40cdef92] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-40cdef92],
.orangehrm-dialog-header-container[data-v-40cdef92] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-40cdef92],
.orangehrm-dialog-header-container .oxd-button[data-v-40cdef92] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-40cdef92] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-40cdef92] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-40cdef92] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-40cdef92] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-40cdef92] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-40cdef92] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-40cdef92] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-40cdef92] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-40cdef92] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-40cdef92] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-40cdef92] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-40cdef92] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-40cdef92] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-40cdef92] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-40cdef92] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-40cdef92] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-40cdef92] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-40cdef92] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-40cdef92] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-40cdef92] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-40cdef92] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-40cdef92] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-40cdef92] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-40cdef92] {
  color: #38455d;
}
.orangehrm-form-action[data-v-40cdef92] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-40cdef92] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-40cdef92] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-40cdef92] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-40cdef92] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-40cdef92] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-40cdef92] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-40cdef92] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-39e2e97d] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-39e2e97d] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-39e2e97d] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-39e2e97d] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-39e2e97d] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-39e2e97d] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-39e2e97d] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-39e2e97d] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-39e2e97d] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-39e2e97d]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-39e2e97d] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-39e2e97d] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-39e2e97d] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-39e2e97d] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-39e2e97d] {
  background-image: none !important;
}
.oxd-text--h5[data-v-39e2e97d] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-39e2e97d] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-39e2e97d] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-39e2e97d] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-39e2e97d] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-39e2e97d] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-39e2e97d],
.orangehrm-dialog-header-container[data-v-39e2e97d] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-39e2e97d],
.orangehrm-dialog-header-container .oxd-button[data-v-39e2e97d] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-39e2e97d] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-39e2e97d] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-39e2e97d] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-39e2e97d] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-39e2e97d] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-39e2e97d] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-39e2e97d] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-39e2e97d] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-39e2e97d] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-39e2e97d] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-39e2e97d] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-39e2e97d] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-39e2e97d] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-39e2e97d] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-39e2e97d] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-39e2e97d] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-39e2e97d] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-39e2e97d] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-39e2e97d] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-39e2e97d] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-39e2e97d] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-39e2e97d] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-39e2e97d] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-39e2e97d] {
  color: #38455d;
}
.orangehrm-form-action[data-v-39e2e97d] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-39e2e97d] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-39e2e97d] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-39e2e97d] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-39e2e97d] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-39e2e97d] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-switch-filter[data-v-39e2e97d] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-switch-filter-text[data-v-39e2e97d] {
  font-size: 12px;
  margin-right: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-475f46be] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-475f46be] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-475f46be] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-475f46be] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-475f46be] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-475f46be] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-475f46be] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-475f46be] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-475f46be] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-475f46be]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-475f46be] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-475f46be] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-475f46be] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-475f46be] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-475f46be] {
  background-image: none !important;
}
.oxd-text--h5[data-v-475f46be] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-475f46be] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-475f46be] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-475f46be] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-475f46be] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-475f46be] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-475f46be],
.orangehrm-dialog-header-container[data-v-475f46be] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-475f46be],
.orangehrm-dialog-header-container .oxd-button[data-v-475f46be] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-475f46be] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-475f46be] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-475f46be] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-475f46be] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-475f46be] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-475f46be] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-475f46be] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-475f46be] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-475f46be] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-475f46be] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-475f46be] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-475f46be] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-475f46be] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-475f46be] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-475f46be] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-475f46be] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-475f46be] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-475f46be] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-475f46be] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-475f46be] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-475f46be] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-475f46be] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-475f46be] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-475f46be] {
  color: #38455d;
}
.orangehrm-form-action[data-v-475f46be] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-475f46be] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-475f46be] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-475f46be] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-475f46be] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-475f46be] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-switch-filter[data-v-475f46be] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-switch-filter-text[data-v-475f46be] {
  font-size: 12px;
  margin-right: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-da11882e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-da11882e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-da11882e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-da11882e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-da11882e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-da11882e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-da11882e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-da11882e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-da11882e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-da11882e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-da11882e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-da11882e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-da11882e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-da11882e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-da11882e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-da11882e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-da11882e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-da11882e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-da11882e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-da11882e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-da11882e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-da11882e],
.orangehrm-dialog-header-container[data-v-da11882e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-da11882e],
.orangehrm-dialog-header-container .oxd-button[data-v-da11882e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-da11882e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-da11882e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-da11882e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-da11882e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-da11882e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-da11882e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-da11882e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-da11882e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-da11882e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-da11882e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-da11882e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-da11882e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-da11882e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-da11882e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-da11882e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-da11882e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-da11882e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-da11882e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-da11882e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-da11882e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-da11882e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-da11882e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-da11882e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-da11882e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-da11882e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-da11882e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-da11882e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-da11882e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-da11882e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-da11882e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-switch-filter[data-v-da11882e] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-switch-filter-text[data-v-da11882e] {
  font-size: 12px;
  margin-right: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5c2f9b23] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5c2f9b23] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5c2f9b23] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5c2f9b23] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5c2f9b23] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5c2f9b23] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5c2f9b23] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5c2f9b23] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5c2f9b23] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5c2f9b23]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5c2f9b23] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5c2f9b23] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5c2f9b23] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5c2f9b23] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5c2f9b23] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5c2f9b23] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5c2f9b23] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5c2f9b23] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5c2f9b23] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5c2f9b23] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5c2f9b23] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5c2f9b23],
.orangehrm-dialog-header-container[data-v-5c2f9b23] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5c2f9b23],
.orangehrm-dialog-header-container .oxd-button[data-v-5c2f9b23] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5c2f9b23] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5c2f9b23] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5c2f9b23] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5c2f9b23] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5c2f9b23] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5c2f9b23] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5c2f9b23] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5c2f9b23] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5c2f9b23] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5c2f9b23] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5c2f9b23] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5c2f9b23] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5c2f9b23] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5c2f9b23] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5c2f9b23] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5c2f9b23] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5c2f9b23] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5c2f9b23] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5c2f9b23] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5c2f9b23] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5c2f9b23] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5c2f9b23] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5c2f9b23] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5c2f9b23] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5c2f9b23] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5c2f9b23] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5c2f9b23] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5c2f9b23] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5c2f9b23] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5c2f9b23] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-leave-duration[data-v-5c2f9b23] {
  padding: 0.675rem 0rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-691134c0] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-691134c0] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-691134c0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-691134c0] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-691134c0] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-691134c0] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-691134c0] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-691134c0] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-691134c0] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-691134c0]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-691134c0] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-691134c0] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-691134c0] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-691134c0] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-691134c0] {
  background-image: none !important;
}
.oxd-text--h5[data-v-691134c0] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-691134c0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-691134c0] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-691134c0] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-691134c0] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-691134c0] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-691134c0],
.orangehrm-dialog-header-container[data-v-691134c0] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-691134c0],
.orangehrm-dialog-header-container .oxd-button[data-v-691134c0] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-691134c0] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-691134c0] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-691134c0] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-691134c0] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-691134c0] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-691134c0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-691134c0] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-691134c0] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-691134c0] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-691134c0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-691134c0] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-691134c0] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-691134c0] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-691134c0] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-691134c0] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-691134c0] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-691134c0] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-691134c0] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-691134c0] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-691134c0] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-691134c0] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-691134c0] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-691134c0] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-691134c0] {
  color: #38455d;
}
.orangehrm-form-action[data-v-691134c0] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-691134c0] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-691134c0] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-691134c0] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-691134c0] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-691134c0] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-leave-balance-text[data-v-691134c0] {
  font-size: 12px;
  margin-bottom: 0.25rem;
}
.orangehrm-container[data-v-691134c0] {
  padding: 0.5rem 0;
  max-height: 165px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-691134c0]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-691134c0]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-691134c0]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-691134c0] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6746ef46] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6746ef46] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6746ef46] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6746ef46] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6746ef46] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6746ef46] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6746ef46] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6746ef46] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6746ef46] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6746ef46]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6746ef46] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6746ef46] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6746ef46] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6746ef46] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6746ef46] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6746ef46] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6746ef46] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6746ef46] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6746ef46] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6746ef46] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6746ef46] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6746ef46],
.orangehrm-dialog-header-container[data-v-6746ef46] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6746ef46],
.orangehrm-dialog-header-container .oxd-button[data-v-6746ef46] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6746ef46] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6746ef46] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6746ef46] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6746ef46] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6746ef46] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6746ef46] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6746ef46] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6746ef46] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6746ef46] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6746ef46] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6746ef46] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6746ef46] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6746ef46] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6746ef46] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6746ef46] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6746ef46] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6746ef46] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6746ef46] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6746ef46] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6746ef46] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6746ef46] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6746ef46] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6746ef46] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6746ef46] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6746ef46] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6746ef46] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6746ef46] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6746ef46] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6746ef46] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6746ef46] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-leave-balance-text[data-v-6746ef46] {
  font-size: 12px;
  margin-bottom: 0.25rem;
}
.orangehrm-container[data-v-6746ef46] {
  padding: 0.5rem 0;
  max-height: 165px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-6746ef46]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-6746ef46]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-6746ef46]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-6746ef46] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-25d16a86] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-25d16a86] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-25d16a86] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-25d16a86] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-25d16a86] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-25d16a86] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-25d16a86] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-25d16a86] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-25d16a86] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-25d16a86]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-25d16a86] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-25d16a86] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-25d16a86] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-25d16a86] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-25d16a86] {
  background-image: none !important;
}
.oxd-text--h5[data-v-25d16a86] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-25d16a86] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-25d16a86] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-25d16a86] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-25d16a86] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-25d16a86] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-25d16a86],
.orangehrm-dialog-header-container[data-v-25d16a86] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-25d16a86],
.orangehrm-dialog-header-container .oxd-button[data-v-25d16a86] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-25d16a86] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-25d16a86] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-25d16a86] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-25d16a86] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-25d16a86] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-25d16a86] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-25d16a86] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-25d16a86] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-25d16a86] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-25d16a86] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-25d16a86] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-25d16a86] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-25d16a86] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-25d16a86] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-25d16a86] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-25d16a86] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-25d16a86] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-25d16a86] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-25d16a86] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-25d16a86] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-25d16a86] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-25d16a86] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-25d16a86] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-25d16a86] {
  color: #38455d;
}
.orangehrm-form-action[data-v-25d16a86] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-25d16a86] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-25d16a86] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-25d16a86] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-25d16a86] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-25d16a86] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-leave-balance[data-v-25d16a86] {
  display: flex;
  align-items: center;
}
.orangehrm-leave-balance .--help[data-v-25d16a86] {
  margin-left: 5px;
}
.orangehrm-leave-balance-text[data-v-25d16a86] {
  padding: 0.675rem 0rem;
}
.orangehrm-leave-balance-text.--error[data-v-25d16a86] {
  color: #eb0910;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4045d0ad] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4045d0ad] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4045d0ad] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4045d0ad] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4045d0ad] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4045d0ad] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4045d0ad] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4045d0ad] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4045d0ad] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4045d0ad]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4045d0ad] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4045d0ad] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4045d0ad] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4045d0ad] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4045d0ad] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4045d0ad] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4045d0ad] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4045d0ad] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4045d0ad] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4045d0ad] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4045d0ad] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4045d0ad],
.orangehrm-dialog-header-container[data-v-4045d0ad] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4045d0ad],
.orangehrm-dialog-header-container .oxd-button[data-v-4045d0ad] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4045d0ad] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4045d0ad] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4045d0ad] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4045d0ad] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4045d0ad] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4045d0ad] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4045d0ad] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4045d0ad] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4045d0ad] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4045d0ad] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4045d0ad] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4045d0ad] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4045d0ad] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4045d0ad] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4045d0ad] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4045d0ad] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4045d0ad] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4045d0ad] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4045d0ad] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4045d0ad] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4045d0ad] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4045d0ad] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4045d0ad] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4045d0ad] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4045d0ad] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4045d0ad] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4045d0ad] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4045d0ad] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4045d0ad] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4045d0ad] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-4045d0ad] .fc .fc-daygrid-day.fc-day-today {
  background-color: inherit !important;
}
[data-v-4045d0ad] .fc-theme-standard td {
  cursor: pointer;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4c2b8ab7] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4c2b8ab7] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4c2b8ab7] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4c2b8ab7] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4c2b8ab7] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4c2b8ab7] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4c2b8ab7] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4c2b8ab7] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4c2b8ab7] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4c2b8ab7]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4c2b8ab7] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4c2b8ab7] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4c2b8ab7] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4c2b8ab7] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4c2b8ab7] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4c2b8ab7] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4c2b8ab7] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4c2b8ab7] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4c2b8ab7] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4c2b8ab7] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4c2b8ab7] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4c2b8ab7],
.orangehrm-dialog-header-container[data-v-4c2b8ab7] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4c2b8ab7],
.orangehrm-dialog-header-container .oxd-button[data-v-4c2b8ab7] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4c2b8ab7] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4c2b8ab7] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4c2b8ab7] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4c2b8ab7] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4c2b8ab7] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4c2b8ab7] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4c2b8ab7] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4c2b8ab7] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4c2b8ab7] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4c2b8ab7] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4c2b8ab7] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4c2b8ab7] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4c2b8ab7] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4c2b8ab7] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4c2b8ab7] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4c2b8ab7] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4c2b8ab7] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4c2b8ab7] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4c2b8ab7] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4c2b8ab7] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4c2b8ab7] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4c2b8ab7] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4c2b8ab7] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4c2b8ab7] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4c2b8ab7] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4c2b8ab7] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4c2b8ab7] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4c2b8ab7] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4c2b8ab7] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4c2b8ab7] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-leave-duration[data-v-4c2b8ab7] {
  padding: 0.675rem 0rem;
}

.orangehrm-modal-header[data-v-481c380b] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-481c380b] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-481c380b] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-481c380b] {
  text-align: center;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.calculated-payslips-header {
  display: flex;
  justify-content: space-between;
}
.calculated-payslips-header .actions .toggles-item {
  display: flex;
  gap: 10px;
}
.dialog-wrapper-container {
  min-width: 600px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-af56df2e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-af56df2e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-af56df2e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-af56df2e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-af56df2e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-af56df2e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-af56df2e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-af56df2e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-af56df2e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-af56df2e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-af56df2e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-af56df2e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-af56df2e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-af56df2e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-af56df2e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-af56df2e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-af56df2e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-af56df2e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-af56df2e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-af56df2e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-af56df2e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-af56df2e],
.orangehrm-dialog-header-container[data-v-af56df2e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-af56df2e],
.orangehrm-dialog-header-container .oxd-button[data-v-af56df2e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-af56df2e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-af56df2e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-af56df2e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-af56df2e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-af56df2e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-af56df2e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-af56df2e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-af56df2e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-af56df2e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-af56df2e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-af56df2e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-af56df2e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-af56df2e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-af56df2e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-af56df2e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-af56df2e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-af56df2e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-af56df2e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-af56df2e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-af56df2e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-af56df2e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-af56df2e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-af56df2e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-af56df2e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-af56df2e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-af56df2e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-af56df2e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-af56df2e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-af56df2e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-af56df2e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-modal-header[data-v-af56df2e] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-af56df2e] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-text-center-align[data-v-af56df2e] {
  text-align: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-dbefdbc6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-dbefdbc6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-dbefdbc6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-dbefdbc6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-dbefdbc6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-dbefdbc6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-dbefdbc6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-dbefdbc6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-dbefdbc6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-dbefdbc6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-dbefdbc6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-dbefdbc6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-dbefdbc6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-dbefdbc6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-dbefdbc6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-dbefdbc6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-dbefdbc6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-dbefdbc6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-dbefdbc6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-dbefdbc6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-dbefdbc6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-dbefdbc6],
.orangehrm-dialog-header-container[data-v-dbefdbc6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-dbefdbc6],
.orangehrm-dialog-header-container .oxd-button[data-v-dbefdbc6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-dbefdbc6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-dbefdbc6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-dbefdbc6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-dbefdbc6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-dbefdbc6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-dbefdbc6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-dbefdbc6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-dbefdbc6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-dbefdbc6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-dbefdbc6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-dbefdbc6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-dbefdbc6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-dbefdbc6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-dbefdbc6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-dbefdbc6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-dbefdbc6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-dbefdbc6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-dbefdbc6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-dbefdbc6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-dbefdbc6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-dbefdbc6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-dbefdbc6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-dbefdbc6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-dbefdbc6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-dbefdbc6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-dbefdbc6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-dbefdbc6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-dbefdbc6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-dbefdbc6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-dbefdbc6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-dbefdbc6] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.label-is-entitlement-situational[data-v-dbefdbc6] {
  display: flex;
  align-items: center;
}
.label-is-entitlement-situational .--help[data-v-dbefdbc6] {
  margin-left: 5px;
}
.modal-container[data-v-dbefdbc6] {
  width: 90%;
  max-width: 500px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-aa7b9cec] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-aa7b9cec] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-aa7b9cec] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-aa7b9cec] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-aa7b9cec] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-aa7b9cec] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-aa7b9cec] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-aa7b9cec] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-aa7b9cec] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-aa7b9cec]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-aa7b9cec] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-aa7b9cec] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-aa7b9cec] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-aa7b9cec] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-aa7b9cec] {
  background-image: none !important;
}
.oxd-text--h5[data-v-aa7b9cec] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-aa7b9cec] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-aa7b9cec] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-aa7b9cec] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-aa7b9cec] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-aa7b9cec] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-aa7b9cec],
.orangehrm-dialog-header-container[data-v-aa7b9cec] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-aa7b9cec],
.orangehrm-dialog-header-container .oxd-button[data-v-aa7b9cec] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-aa7b9cec] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-aa7b9cec] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-aa7b9cec] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-aa7b9cec] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-aa7b9cec] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-aa7b9cec] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-aa7b9cec] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-aa7b9cec] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-aa7b9cec] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-aa7b9cec] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-aa7b9cec] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-aa7b9cec] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-aa7b9cec] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-aa7b9cec] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-aa7b9cec] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-aa7b9cec] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-aa7b9cec] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-aa7b9cec] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-aa7b9cec] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-aa7b9cec] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-aa7b9cec] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-aa7b9cec] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-aa7b9cec] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-aa7b9cec] {
  color: #38455d;
}
.orangehrm-form-action[data-v-aa7b9cec] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-aa7b9cec] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-aa7b9cec] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-aa7b9cec] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-aa7b9cec] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-aa7b9cec] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-aa7b9cec] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.label-is-entitlement-situational[data-v-aa7b9cec] {
  display: flex;
  align-items: center;
}
.label-is-entitlement-situational .--help[data-v-aa7b9cec] {
  margin-left: 5px;
}
.modal-container[data-v-aa7b9cec] {
  width: 90%;
  max-width: 500px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-7c4dbfb6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-7c4dbfb6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-7c4dbfb6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-7c4dbfb6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-7c4dbfb6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-7c4dbfb6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-7c4dbfb6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-7c4dbfb6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-7c4dbfb6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-7c4dbfb6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-7c4dbfb6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-7c4dbfb6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-7c4dbfb6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-7c4dbfb6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-7c4dbfb6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-7c4dbfb6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-7c4dbfb6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-7c4dbfb6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-7c4dbfb6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-7c4dbfb6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-7c4dbfb6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-7c4dbfb6],
.orangehrm-dialog-header-container[data-v-7c4dbfb6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-7c4dbfb6],
.orangehrm-dialog-header-container .oxd-button[data-v-7c4dbfb6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-7c4dbfb6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-7c4dbfb6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-7c4dbfb6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-7c4dbfb6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-7c4dbfb6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-7c4dbfb6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-7c4dbfb6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-7c4dbfb6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-7c4dbfb6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-7c4dbfb6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-7c4dbfb6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-7c4dbfb6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-7c4dbfb6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-7c4dbfb6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-7c4dbfb6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-7c4dbfb6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-7c4dbfb6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-7c4dbfb6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-7c4dbfb6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-7c4dbfb6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-7c4dbfb6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-7c4dbfb6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-7c4dbfb6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-7c4dbfb6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-7c4dbfb6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-7c4dbfb6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-7c4dbfb6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-7c4dbfb6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-7c4dbfb6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-7c4dbfb6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-7c4dbfb6] .--grouped-field {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 800px) {
[data-v-7c4dbfb6] .--grouped-field {
    flex-wrap: nowrap;
}
[data-v-7c4dbfb6] .--grouped-field .oxd-input-group {
    flex-shrink: 0;
}
}
.orangehrm-leave-entitled[data-v-7c4dbfb6] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-leave-entitled-text[data-v-7c4dbfb6] {
    margin-bottom: 1.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-leave-entitled-text[data-v-7c4dbfb6] {
    margin-bottom: unset;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-0c3c20a2] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-0c3c20a2] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-0c3c20a2] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-0c3c20a2] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-0c3c20a2] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-0c3c20a2] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-0c3c20a2] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-0c3c20a2] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-0c3c20a2] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-0c3c20a2]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-0c3c20a2] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-0c3c20a2] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-0c3c20a2] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-0c3c20a2] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-0c3c20a2] {
  background-image: none !important;
}
.oxd-text--h5[data-v-0c3c20a2] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-0c3c20a2] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-0c3c20a2] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-0c3c20a2] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-0c3c20a2] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-0c3c20a2] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-0c3c20a2],
.orangehrm-dialog-header-container[data-v-0c3c20a2] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-0c3c20a2],
.orangehrm-dialog-header-container .oxd-button[data-v-0c3c20a2] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-0c3c20a2] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-0c3c20a2] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-0c3c20a2] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-0c3c20a2] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-0c3c20a2] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-0c3c20a2] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-0c3c20a2] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-0c3c20a2] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-0c3c20a2] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-0c3c20a2] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-0c3c20a2] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-0c3c20a2] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-0c3c20a2] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-0c3c20a2] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-0c3c20a2] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-0c3c20a2] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-0c3c20a2] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-0c3c20a2] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-0c3c20a2] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-0c3c20a2] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-0c3c20a2] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-0c3c20a2] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-0c3c20a2] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-0c3c20a2] {
  color: #38455d;
}
.orangehrm-form-action[data-v-0c3c20a2] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-0c3c20a2] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-0c3c20a2] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-0c3c20a2] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-0c3c20a2] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-0c3c20a2] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-0c3c20a2] .--status-grouped-field {
  display: flex;
  max-width: 13rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-0c3cd902] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-0c3cd902] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-0c3cd902] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-0c3cd902] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-0c3cd902] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-0c3cd902] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-0c3cd902] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-0c3cd902] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-0c3cd902] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-0c3cd902]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-0c3cd902] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-0c3cd902] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-0c3cd902] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-0c3cd902] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-0c3cd902] {
  background-image: none !important;
}
.oxd-text--h5[data-v-0c3cd902] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-0c3cd902] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-0c3cd902] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-0c3cd902] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-0c3cd902] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-0c3cd902] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-0c3cd902],
.orangehrm-dialog-header-container[data-v-0c3cd902] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-0c3cd902],
.orangehrm-dialog-header-container .oxd-button[data-v-0c3cd902] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-0c3cd902] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-0c3cd902] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-0c3cd902] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-0c3cd902] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-0c3cd902] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-0c3cd902] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-0c3cd902] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-0c3cd902] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-0c3cd902] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-0c3cd902] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-0c3cd902] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-0c3cd902] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-0c3cd902] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-0c3cd902] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-0c3cd902] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-0c3cd902] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-0c3cd902] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-0c3cd902] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-0c3cd902] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-0c3cd902] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-0c3cd902] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-0c3cd902] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-0c3cd902] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-0c3cd902] {
  color: #38455d;
}
.orangehrm-form-action[data-v-0c3cd902] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-0c3cd902] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-0c3cd902] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-0c3cd902] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-0c3cd902] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-0c3cd902] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-0c3cd902] .--status-grouped-field {
  display: flex;
  max-width: 13rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-ef595e80] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-ef595e80] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-ef595e80] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-ef595e80] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-ef595e80] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-ef595e80] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-ef595e80] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-ef595e80] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-ef595e80] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-ef595e80]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-ef595e80] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-ef595e80] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-ef595e80] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-ef595e80] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-ef595e80] {
  background-image: none !important;
}
.oxd-text--h5[data-v-ef595e80] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-ef595e80] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-ef595e80] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-ef595e80] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-ef595e80] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-ef595e80] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-ef595e80],
.orangehrm-dialog-header-container[data-v-ef595e80] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-ef595e80],
.orangehrm-dialog-header-container .oxd-button[data-v-ef595e80] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-ef595e80] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-ef595e80] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-ef595e80] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-ef595e80] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-ef595e80] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-ef595e80] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-ef595e80] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-ef595e80] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-ef595e80] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-ef595e80] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-ef595e80] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-ef595e80] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-ef595e80] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-ef595e80] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-ef595e80] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-ef595e80] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-ef595e80] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-ef595e80] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-ef595e80] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-ef595e80] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-ef595e80] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-ef595e80] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-ef595e80] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-ef595e80] {
  color: #38455d;
}
.orangehrm-form-action[data-v-ef595e80] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-ef595e80] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-ef595e80] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-ef595e80] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-ef595e80] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-ef595e80] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-comment[data-v-ef595e80] {
  box-sizing: border-box;
  padding: 0.5rem 0.5rem 0 0;
  display: flex;
}
.orangehrm-comment-profile-image-wrapper[data-v-ef595e80] {
  margin-right: 0.5rem;
}
.orangehrm-comment-profile-image[data-v-ef595e80] {
  width: 70px;
  height: 70px;
  display: flex;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 100%;
  border: 0.5rem solid #f6f5fb;
}
.orangehrm-comment-profile-name p[data-v-ef595e80] {
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.orangehrm-comment-message[data-v-ef595e80] {
  padding: 0.5rem 1rem;
  background-color: #f6f5fb;
  border-radius: 0.5rem;
  margin-bottom: 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
}
.orangehrm-comment-timestamp[data-v-ef595e80] {
  text-align: right;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-7d7adfba] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-7d7adfba] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-7d7adfba] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-7d7adfba] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-7d7adfba] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-7d7adfba] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-7d7adfba] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-7d7adfba] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-7d7adfba] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-7d7adfba]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-7d7adfba] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-7d7adfba] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-7d7adfba] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-7d7adfba] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-7d7adfba] {
  background-image: none !important;
}
.oxd-text--h5[data-v-7d7adfba] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-7d7adfba] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-7d7adfba] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-7d7adfba] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-7d7adfba] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-7d7adfba] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-7d7adfba],
.orangehrm-dialog-header-container[data-v-7d7adfba] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-7d7adfba],
.orangehrm-dialog-header-container .oxd-button[data-v-7d7adfba] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-7d7adfba] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-7d7adfba] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-7d7adfba] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-7d7adfba] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-7d7adfba] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-7d7adfba] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-7d7adfba] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-7d7adfba] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-7d7adfba] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-7d7adfba] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-7d7adfba] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-7d7adfba] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-7d7adfba] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-7d7adfba] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-7d7adfba] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-7d7adfba] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-7d7adfba] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-7d7adfba] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-7d7adfba] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-7d7adfba] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-7d7adfba] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-7d7adfba] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-7d7adfba] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-7d7adfba] {
  color: #38455d;
}
.orangehrm-form-action[data-v-7d7adfba] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-7d7adfba] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-7d7adfba] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-7d7adfba] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-7d7adfba] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-7d7adfba] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-modal-content[data-v-7d7adfba] {
  max-height: 200px;
  overflow: hidden auto;
  margin: 0.5rem 0;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-modal-content[data-v-7d7adfba]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-modal-content[data-v-7d7adfba]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-modal-content[data-v-7d7adfba]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-modal-content[data-v-7d7adfba] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}

.orangehrm-modal-header[data-v-056967f4] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-056967f4] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-056967f4] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-056967f4] {
  text-align: center;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-56ba4ade] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-56ba4ade] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-56ba4ade] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-56ba4ade] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-56ba4ade] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-56ba4ade] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-56ba4ade] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-56ba4ade] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-56ba4ade] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-56ba4ade]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-56ba4ade] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-56ba4ade] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-56ba4ade] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-56ba4ade] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-56ba4ade] {
  background-image: none !important;
}
.oxd-text--h5[data-v-56ba4ade] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-56ba4ade] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-56ba4ade] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-56ba4ade] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-56ba4ade] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-56ba4ade] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-56ba4ade],
.orangehrm-dialog-header-container[data-v-56ba4ade] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-56ba4ade],
.orangehrm-dialog-header-container .oxd-button[data-v-56ba4ade] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-56ba4ade] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-56ba4ade] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-56ba4ade] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-56ba4ade] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-56ba4ade] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-56ba4ade] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-56ba4ade] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-56ba4ade] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-56ba4ade] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-56ba4ade] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-56ba4ade] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-56ba4ade] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-56ba4ade] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-56ba4ade] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-56ba4ade] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-56ba4ade] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-56ba4ade] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-56ba4ade] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-56ba4ade] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-56ba4ade] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-56ba4ade] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-56ba4ade] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-56ba4ade] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-56ba4ade] {
  color: #38455d;
}
.orangehrm-form-action[data-v-56ba4ade] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-56ba4ade] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-56ba4ade] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-56ba4ade] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-56ba4ade] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-56ba4ade] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-header-container .actions[data-v-56ba4ade] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.orangehrm-header-container span[data-v-56ba4ade] {
  margin-right: 20px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-1dece31b] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-1dece31b] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-1dece31b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-1dece31b] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-1dece31b] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-1dece31b] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-1dece31b] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-1dece31b] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-1dece31b] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-1dece31b]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-1dece31b] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-1dece31b] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-1dece31b] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-1dece31b] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-1dece31b] {
  background-image: none !important;
}
.oxd-text--h5[data-v-1dece31b] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-1dece31b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-1dece31b] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-1dece31b] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-1dece31b] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-1dece31b] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-1dece31b],
.orangehrm-dialog-header-container[data-v-1dece31b] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-1dece31b],
.orangehrm-dialog-header-container .oxd-button[data-v-1dece31b] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-1dece31b] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-1dece31b] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-1dece31b] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-1dece31b] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-1dece31b] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-1dece31b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-1dece31b] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-1dece31b] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-1dece31b] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-1dece31b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-1dece31b] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-1dece31b] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-1dece31b] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-1dece31b] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-1dece31b] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-1dece31b] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-1dece31b] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-1dece31b] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-1dece31b] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-1dece31b] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-1dece31b] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-1dece31b] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-1dece31b] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-1dece31b] {
  color: #38455d;
}
.orangehrm-form-action[data-v-1dece31b] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-1dece31b] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-1dece31b] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-1dece31b] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-1dece31b] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-1dece31b] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-1dece31b] .orangehrm-card-container {
  padding-top: 0;
  padding-bottom: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-9bb83d1e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-9bb83d1e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-9bb83d1e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-9bb83d1e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-9bb83d1e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-9bb83d1e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-9bb83d1e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-9bb83d1e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-9bb83d1e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-9bb83d1e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-9bb83d1e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-9bb83d1e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-9bb83d1e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-9bb83d1e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-9bb83d1e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-9bb83d1e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-9bb83d1e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-9bb83d1e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-9bb83d1e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-9bb83d1e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-9bb83d1e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-9bb83d1e],
.orangehrm-dialog-header-container[data-v-9bb83d1e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-9bb83d1e],
.orangehrm-dialog-header-container .oxd-button[data-v-9bb83d1e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-9bb83d1e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-9bb83d1e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-9bb83d1e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-9bb83d1e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-9bb83d1e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-9bb83d1e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-9bb83d1e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-9bb83d1e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-9bb83d1e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-9bb83d1e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-9bb83d1e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-9bb83d1e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-9bb83d1e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-9bb83d1e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-9bb83d1e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-9bb83d1e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-9bb83d1e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-9bb83d1e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-9bb83d1e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-9bb83d1e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-9bb83d1e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-9bb83d1e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-9bb83d1e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-9bb83d1e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-9bb83d1e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-9bb83d1e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-9bb83d1e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-9bb83d1e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-9bb83d1e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-9bb83d1e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-9bb83d1e] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-9bb83d1e] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-067a7869] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-067a7869] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-067a7869] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-067a7869] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-067a7869] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-067a7869] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-067a7869] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-067a7869] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-067a7869] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-067a7869]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-067a7869] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-067a7869] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-067a7869] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-067a7869] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-067a7869] {
  background-image: none !important;
}
.oxd-text--h5[data-v-067a7869] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-067a7869] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-067a7869] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-067a7869] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-067a7869] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-067a7869] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-067a7869],
.orangehrm-dialog-header-container[data-v-067a7869] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-067a7869],
.orangehrm-dialog-header-container .oxd-button[data-v-067a7869] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-067a7869] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-067a7869] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-067a7869] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-067a7869] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-067a7869] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-067a7869] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-067a7869] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-067a7869] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-067a7869] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-067a7869] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-067a7869] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-067a7869] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-067a7869] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-067a7869] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-067a7869] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-067a7869] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-067a7869] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-067a7869] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-067a7869] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-067a7869] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-067a7869] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-067a7869] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-067a7869] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-067a7869] {
  color: #38455d;
}
.orangehrm-form-action[data-v-067a7869] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-067a7869] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-067a7869] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-067a7869] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-067a7869] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-067a7869] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-leave-filter[data-v-067a7869] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-leave-filter-text[data-v-067a7869] {
  font-size: 12px;
  margin-right: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-29c3e094] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-29c3e094] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-29c3e094] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-29c3e094] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-29c3e094] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-29c3e094] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-29c3e094] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-29c3e094] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-29c3e094] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-29c3e094]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-29c3e094] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-29c3e094] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-29c3e094] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-29c3e094] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-29c3e094] {
  background-image: none !important;
}
.oxd-text--h5[data-v-29c3e094] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-29c3e094] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-29c3e094] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-29c3e094] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-29c3e094] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-29c3e094] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-29c3e094],
.orangehrm-dialog-header-container[data-v-29c3e094] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-29c3e094],
.orangehrm-dialog-header-container .oxd-button[data-v-29c3e094] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-29c3e094] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-29c3e094] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-29c3e094] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-29c3e094] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-29c3e094] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-29c3e094] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-29c3e094] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-29c3e094] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-29c3e094] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-29c3e094] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-29c3e094] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-29c3e094] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-29c3e094] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-29c3e094] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-29c3e094] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-29c3e094] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-29c3e094] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-29c3e094] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-29c3e094] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-29c3e094] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-29c3e094] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-29c3e094] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-29c3e094] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-29c3e094] {
  color: #38455d;
}
.orangehrm-form-action[data-v-29c3e094] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-29c3e094] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-29c3e094] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-29c3e094] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-29c3e094] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-29c3e094] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-bottom-container[data-v-29c3e094] {
  align-items: center;
  justify-content: space-between;
}
.orangehrm-request-details-text[data-v-29c3e094] {
  font-size: 12px;
}
[data-v-29c3e094] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-29c3e094] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-447d37d6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-447d37d6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-447d37d6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-447d37d6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-447d37d6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-447d37d6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-447d37d6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-447d37d6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-447d37d6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-447d37d6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-447d37d6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-447d37d6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-447d37d6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-447d37d6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-447d37d6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-447d37d6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-447d37d6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-447d37d6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-447d37d6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-447d37d6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-447d37d6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-447d37d6],
.orangehrm-dialog-header-container[data-v-447d37d6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-447d37d6],
.orangehrm-dialog-header-container .oxd-button[data-v-447d37d6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-447d37d6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-447d37d6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-447d37d6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-447d37d6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-447d37d6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-447d37d6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-447d37d6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-447d37d6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-447d37d6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-447d37d6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-447d37d6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-447d37d6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-447d37d6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-447d37d6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-447d37d6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-447d37d6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-447d37d6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-447d37d6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-447d37d6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-447d37d6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-447d37d6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-447d37d6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-447d37d6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-447d37d6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-447d37d6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-447d37d6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-447d37d6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-447d37d6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-447d37d6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-447d37d6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-447d37d6] .--grouped-field {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 800px) {
[data-v-447d37d6] .--grouped-field {
    flex-wrap: nowrap;
}
}
.orangehrm-leave-filter[data-v-447d37d6] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-leave-filter-text[data-v-447d37d6] {
  font-size: 12px;
  margin-right: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}

.orangehrm-login-layout {
  background-color: #fff !important;
}

.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}

.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}

.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}

.orangehrm-login-form {
  width: 80% !important;
}

.orangehrm-login-form .oxd-label {
  color: #fff !important;
}

.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}

.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}

.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}

.orangehrm-login-forgot p {
  color: #fff !important;
}

.orangehrm-copyright-wrapper p {
  color: #fff !important;
}

.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}

.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}

.oxd-topbar-header {
  background-image: none !important;
}

.oxd-text--h5 {
  color: #64728c !important;
}

.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}

.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}

.oxd-main-menu-item--icon {
  color: #fff !important;
}

.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}

.orangehrm-header-container {
  padding: 25px;
}

.orangehrm-dialog-header-container {
  padding: 1.2rem;
}

.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

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

.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}

.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}

.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}

.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}

.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}

.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.orangehrm-top-padding {
  padding-top: 25px;
}

.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}

.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}

.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}

.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}

.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}

.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}

.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}

.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
  .orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
  }
}

.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}

.orangehrm-dialog-popup {
  max-width: 450px;
}

.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}

.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.table-card {
  margin-top: 15px;
  margin-bottom: 18px;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
}

.christmas-bonus-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  color: #1f2937;
}

.christmas-bonus-table th,
.christmas-bonus-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #edf0f2;
}

.christmas-bonus-table tbody tr:last-child td {
  border-bottom: none;
}

.christmas-bonus-table th {
  background: #f8fafc;
  font-weight: 700;
  text-align: center;
  color: #374151;
}

.section-header td {
  background: #dbeafe;
  font-weight: 700;
  text-align: center;
  padding: 10px 12px;
  color: #1e3a8a;
  border-bottom: 1px solid #d6e4f0;
}

.num-col {
  text-align: right;
  white-space: nowrap;
}

.label-col {
  font-weight: 600;
  text-align: left;
}

.key-value .label-col {
  background: #fafafa;
  width: 70%;
}

.key-value .value {
  text-align: right;
  font-weight: 600;
  white-space: nowrap;
}

.total-row td {
  background: #f9fafb;
  font-weight: 700;
}

.highlight td {
  font-weight: 700;
  padding-left: 8px;
}

.formula-block {
  margin-top: 16px;
}

.formula-title {
  font-size: 15px;
  font-weight: 600;
  color: #333;
  margin-bottom: 4px;
}

.formula-line {
  font-size: 14px;
  color: #444;
}

.non-eligible-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tabs {
  cursor: pointer;
  border-bottom: 2px solid var(--fc-neutral-text-color);
  padding-inline: 20px;
  padding-bottom: 5px;
  transition: all 100ms ease-in-out;
  font-size: 14px !important;
}
.tabs__container {
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: 600;
  color: var(--fc-neutral-text-color);
  margin-top: 20px;
}
.tabs__header {
  display: flex;
  gap: 5px;
}
.tabs.ghost {
  border-color: var(--oxd-secondary-four-color);
  color: var(--oxd-secondary-four-color);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tab {
  padding-block: 20px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.preview-payslip .section {
  width: clamp(150px, 100%, 100%);
}
.preview-payslip .section .title {
  font-size: 18px;
}
.preview-payslip .section .item-holder-container {
  display: flex;
  gap: 5px;
}
.preview-payslip .section .item-holder-container .item-actions {
  display: flex;
  gap: 5px;
  align-items: flex-end;
  padding-bottom: 20px;
}
.preview-payslip .section .item-holder-container .item-end-icon {
  background-color: white;
  display: grid;
  place-items: center;
  height: 33px;
  width: 33px;
  font-size: 16px;
  border-radius: 50px;
}
.preview-payslip .section .dropdown-holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  height: 38px;
  padding-inline: 5px;
  border-radius: 5px;
  margin-bottom: 18px;
}
.preview-payslip .section .dropdown-holder .custom-dropdown {
  cursor: pointer;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e8eaef;
  transition: transform 0.5s ease-in-out;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dailog-custom-style {
  width: clamp(450px, 100%, 700px);
}
.dailog-custom-style .printable-payslip {
  position: absolute;
  top: -99999px;
}

.dailog-custom-style[data-v-35d4c7b3] {
    width: '70vw'; 
    margin: 'auto';
}
.highlight td[data-v-35d4c7b3] {
    border: 1px solid black;
    font-weight: 900;
}
.left[data-v-35d4c7b3] {
    text-align: left;
    padding-left: 12px;
}
.right[data-v-35d4c7b3] {
    text-align: right;
    padding-right: 12px;
}
.taxable-ytd-table[data-v-35d4c7b3] .oxd-table-body .oxd-table-cell:nth-child(3),
  .taxable-ytd-table[data-v-35d4c7b3] .oxd-table-body .oxd-table-cell:nth-child(4),
  .taxable-ytd-table[data-v-35d4c7b3] .oxd-table-body .oxd-table-cell:nth-child(5),
  .taxable-ytd-table[data-v-35d4c7b3] .oxd-table-body .oxd-table-cell:nth-child(6) {
    display: flex;
    justify-content: flex-end;
    text-align: right;
    box-sizing: border-box;
    padding-right: 12px !important;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dailog-custom-style {
  width: "70vw";
  margin: "auto";
}
.highlight td {
  border: 1px solid black;
  font-weight: 900;
}
.left {
  text-align: left;
  padding-left: 12px;
}
.right {
  text-align: right;
  padding-right: 12px;
}

.highlight td[data-v-23e5cfc8] {
    border: 1px solid black;
    font-weight: 900;
    padding-left: 8px;
}
.christmas-bonus-table[data-v-23e5cfc8] {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 18px;
    font-size: 14px;
    /* font-family: Nunito Sans; */
}
.christmas-bonus-table th[data-v-23e5cfc8],
  .christmas-bonus-table td[data-v-23e5cfc8] {
    border: 1px solid #ccc;
    padding: 6px 10px;
}
.christmas-bonus-table th[data-v-23e5cfc8] {
    background: #f8f8f8;
    font-weight: bold;
    text-align: center;
}
.num-col[data-v-23e5cfc8] {
    text-align: right;
}
.label-col[data-v-23e5cfc8] {
    font-weight: 600;
    text-align: left;
}
.section-header td[data-v-23e5cfc8] {
    background: #eef3ff;
    font-weight: bold;
    padding: 8px;
    text-align: center;
}
.key-value .label-col[data-v-23e5cfc8] {
    background: #fafafa;
    width: 40%;
    font-weight: 600;
}
.key-value .value[data-v-23e5cfc8] {
    text-align: right;
    font-weight: 600;
}
.total-row[data-v-23e5cfc8] {
    background: #f3f3f3;
    font-weight: bold;
}
.formula-block[data-v-23e5cfc8] {
    margin-top: 12px;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-bonus-payroll-dialog {
  width: 95vw;
  margin: auto;
}
.checkbox {
  margin-right: 20px;
}
.tax-toggle {
  margin-left: 200px;
}
table {
  width: 100%;
  border-collapse: collapse;
}
th,
td {
  padding: 8px;
  text-align: center;
}
thead th {
  background-color: lightblue;
}
.totals-row td {
  font-weight: bold;
  border-top: 2px solid gray;
}
.values {
  margin-top: 20px;
}
.computation-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
.computation-table th,
.computation-table td {
  padding: 8px;
  text-align: center;
}
.computation-table th {
  background-color: lightblue;
}
.computation-table .totals-row td {
  font-weight: bold;
  border-top: 2px solid gray;
}
.combine-button {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px;
  padding: 20px;
  margin: 20px;
  margin-top: 10px;
  padding: 5px 15px;
  background-color: #438dc8;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.combine-button:hover {
  background-color: #367ba0;
}
.delete-button {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px;
  padding: 20px;
  margin: 20px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 5px 15px;
  background-color: rgb(246, 201, 201);
  color: rgb(235, 9, 16);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
.delete-button:hover {
  background-color: rgb(235, 9, 16);
  color: white;
}
.bonus-payroll-content .bonuses {
  display: flex;
  flex-direction: column;
  gap: 7.5px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 10px;
}
.bonus-payroll-content .bonuses .item {
  display: flex;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 7.5px 15px;
}
.bonus-payroll-content .bonuses .item.active {
  background-color: #f0f0f0;
  color: #438dc8;
  border: 1px solid #438dc8;
}
.bonus-payroll-content .bonuses .item .item-title {
  font-weight: bold;
  font-size: 14px;
  text-align: left;
  width: 100%;
}
.bonus-payroll-content .bonuses .item .item-value {
  font-size: 14px;
  width: 100px;
  text-align: right;
}
.bonus-payroll-content .bonuses .item .item-formula {
  font-size: 10px;
  width: 100px;
  text-align: right;
}
.bonus-payroll-content .summary.earnings-summary {
  margin-top: 12px;
}
.bonus-payroll-content .summary-card {
  background: #fff;
}
.bonus-payroll-content .summary-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.bonus-payroll-content .summary-card__title {
  font-size: 16px;
  font-weight: 700;
  color: #1f2937;
}
.bonus-payroll-content .summary-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  min-height: 30px;
  padding: 2px 0;
}
.bonus-payroll-content .summary-label {
  min-width: 0;
  font-size: 14px;
  font-weight: 600;
  color: #374151;
  line-height: 1.35;
}
.bonus-payroll-content .summary-value {
  display: grid;
  grid-template-columns: 1fr 24px;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
  min-width: 0;
}
.bonus-payroll-content .summary-value__amount {
  text-align: right;
  font-size: 14px;
  font-weight: 500;
  color: #374151;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
.bonus-payroll-content .summary-value__action {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 24px;
}
.bonus-payroll-content .summary-row--highlight {
  background: #f3f7ff;
  border-radius: 8px;
  padding: 8px 10px;
  margin-bottom: 8px;
}
.bonus-payroll-content .summary-row--highlight .summary-label,
.bonus-payroll-content .summary-row--highlight .summary-value__amount {
  color: #1e3a8a;
  font-weight: 700;
}
.bonus-payroll-content .summary-divider {
  border-top: 1px solid #e8edf4;
  margin: 10px 0;
}
.bonus-payroll-content .summary-section-label {
  margin-bottom: 8px;
  font-size: 11px;
  font-weight: 800;
  color: #98a2b3;
  letter-spacing: 0.05em;
}
.bonus-payroll-content .summary-row--deduction .summary-value__amount {
  color: #374151;
  font-weight: 600;
}
.bonus-payroll-content .summary-eye {
  min-width: 0 !important;
  min-height: 0 !important;
  width: 16px;
  height: 16px;
  margin: 0 !important;
}
.bonus-payroll-content .summary-netpay {
  margin-top: 12px;
  border: 1px solid #dbe7ff;
  background: #f4f8ff;
  border-radius: 14px;
  padding: 14px 16px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
.bonus-payroll-content .summary-netpay__label {
  font-size: 16px;
  font-weight: 800;
  color: #1d4ed8;
}
.bonus-payroll-content .summary-netpay__subtext {
  margin-top: 2px;
  font-size: 12px;
  color: #6b7280;
}
.bonus-payroll-content .summary-netpay__right {
  font-size: 18px;
  font-weight: 900;
  color: #1d4ed8;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-container {
  width: 100%;
  overflow: scroll;
}
.custom-table {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.table-body {
  display: grid;
  grid-gap: 5px;
  width: 100%;
}
.table-row.body:hover {
  background-color: #f1f3f6;
  box-shadow: 0 2px 8px rgba(100, 114, 140, 0.08);
  transition: background 0.2s, box-shadow 0.2s;
}
.table-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  min-height: 45px;
  min-width: 100%;
}
.table-row.body {
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.table-row.header {
  position: sticky;
  top: -10px;
  background-color: #e8eaef;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
}
.table-row .header__items {
  width: 100%;
  font-weight: 700;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px;
}
.table-row .body__items {
  width: 100%;
}
.table-row td {
  font-weight: 400;
}
.table-row.header__items.hide {
  display: none;
}
.table-column {
  color: #64728c;
  overflow-wrap: break-word;
  word-break: break-word;
  font-family: "Nunito Sans";
  font-size: 0.75rem;
  text-align: left;
  padding-inline: 5px;
}
.table-column:first-child {
  padding-left: 15px;
}
.table-column:last-child {
  padding-right: 15px;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-button {
  padding: 8px 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}
.dropdown-content {
  position: absolute;
  top: 100%; /* Ensure dropdown appears directly below the button */
  right: 0; /* Align to the right */
  background-color: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 999; /* Ensure it appears on top */
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropdown-content li {
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dropdown-content li:hover {
  background-color: #f0f0f0;
}
.dropdown-icon {
  margin-right: 8px;
}
.tooltip-global {
  position: fixed;
  background: #333;
  color: #fff;
  padding: 5px 8px;
  font-size: 0.75rem;
  border-radius: 6px;
  pointer-events: none;
  white-space: nowrap;
  z-index: 9999;
  opacity: 0.9;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-04183fb0] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-04183fb0] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-04183fb0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-04183fb0] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-04183fb0] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-04183fb0] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-04183fb0] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-04183fb0] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-04183fb0] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-04183fb0]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-04183fb0] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-04183fb0] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-04183fb0] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-04183fb0] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-04183fb0] {
  background-image: none !important;
}
.oxd-text--h5[data-v-04183fb0] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-04183fb0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-04183fb0] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-04183fb0] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-04183fb0] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-04183fb0] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-04183fb0],
.orangehrm-dialog-header-container[data-v-04183fb0] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-04183fb0],
.orangehrm-dialog-header-container .oxd-button[data-v-04183fb0] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-04183fb0] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-04183fb0] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-04183fb0] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-04183fb0] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-04183fb0] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-04183fb0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-04183fb0] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-04183fb0] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-04183fb0] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-04183fb0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-04183fb0] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-04183fb0] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-04183fb0] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-04183fb0] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-04183fb0] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-04183fb0] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-04183fb0] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-04183fb0] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-04183fb0] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-04183fb0] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-04183fb0] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-04183fb0] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-04183fb0] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-04183fb0] {
  color: #38455d;
}
.orangehrm-form-action[data-v-04183fb0] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-04183fb0] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-04183fb0] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-04183fb0] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-04183fb0] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-04183fb0] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-04183fb0] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-04183fb0] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-04183fb0] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-04183fb0] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-04183fb0] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-04183fb0] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-container {
  max-height: calc(100vh - 170px);
  overflow: auto;
}
.highlight td {
  border: 1px solid black;
  font-weight: 900;
}
.left {
  text-align: left;
  padding-left: 12px;
}
.right {
  text-align: right;
  padding-right: 12px;
}
.flex {
  display: flex;
  align-items: center;
}
td.text-center {
  vertical-align: middle; /* ensure content is vertically centered in the cell */
}
.cell-content {
  display: flex;
  align-items: center; /* vertically centers number + icon */
  justify-content: center; /* horizontally center (optional) */
  gap: 6px;
}
.eye-btn {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
  line-height: 1; /* prevent text line height from pushing the icon */
}
.eye-btn oxd-icon {
  font-size: 14px; /* match text visually */
  color: #007bff;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-container {
  max-height: calc(100vh - 170px);
  overflow: auto;
}
.sticky-table {
  padding-top: 0px !important;
}
.highlight td {
  border: 1px solid black;
  font-weight: 900;
}
.left {
  text-align: left;
  padding-left: 12px;
}
.right {
  text-align: right;
  padding-right: 12px;
}
.flex {
  display: flex;
  align-items: center;
}
td.text-center {
  vertical-align: middle; /* ensure content is vertically centered in the cell */
}
.cell-content {
  display: flex;
  align-items: center; /* vertically centers number + icon */
  justify-content: center; /* horizontally center (optional) */
  gap: 6px;
}
.eye-btn {
  all: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  cursor: pointer;
  line-height: 1; /* prevent text line height from pushing the icon */
}
.eye-btn oxd-icon {
  font-size: 14px; /* match text visually */
  color: #007bff;
}
.orangehrm-container .oxd-table {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.orangehrm-container .oxd-table-header.sticky-header {
  position: sticky;
  top: 0;
  z-index: 10;
  background-color: #e8eaef;
  width: 100%;
}
.orangehrm-container .oxd-table-header.sticky-header .oxd-table-row {
  background-color: #e8eaef;
}
.orangehrm-container .oxd-table-header.sticky-header * {
  background-color: #e8eaef;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.entitlement-form {
  padding: 16px 0 0;
}
.payslip-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.payslip-header .card-title-v2 {
  font-size: 24px;
  font-weight: 700;
  color: #3d4b66;
  margin-bottom: 4px;
}
.dialog-subtitle {
  font-size: 13px;
  color: #7b8798;
}
.table-wrapper {
  border: 1px solid #e8edf3;
  border-radius: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  background: #fff;
}
.entitlement-table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  min-width: 900px;
  text-align: center;
}
.entitlement-table thead th {
  background: #f4f8fc;
  color: #42526e;
  font-size: 13px;
  font-weight: 700;
  padding: 14px 16px;
  border-bottom: 1px solid #e8edf3;
  white-space: nowrap;
}
.entitlement-table thead th:first-child {
  border-top-left-radius: 14px;
}
.entitlement-table thead th:last-child {
  border-top-right-radius: 14px;
}
.entitlement-table tbody td {
  padding: 16px;
  font-size: 13px;
  color: #4a5568;
  border-bottom: 1px solid #eef2f7;
  vertical-align: middle;
}
.entitlement-table tbody tr:last-child td {
  border-bottom: none;
}
.data-row {
  transition: background-color 0.15s ease;
}
.data-row:hover {
  background: #fafcff;
}
.summary-row td {
  background: #f9fbfd;
  font-weight: 700;
  color: #24324a;
  border-top: 2px solid #d7e3f1;
}
.left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.cell-content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.cell-value {
  line-height: 1;
}
.eye-btn {
  all: unset;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  cursor: pointer;
  transition: background-color 0.15s ease, transform 0.15s ease;
}
.eye-btn:hover {
  background: #eef4ff;
  transform: scale(1.05);
}
.eye-btn oxd-icon {
  font-size: 15px;
  color: #0d6efd;
  line-height: 1;
}
@media (max-width: 1024px) {
.payslip-header .card-title {
    font-size: 20px;
}
.entitlement-table thead th,
  .entitlement-table tbody td {
    padding: 12px 14px;
    font-size: 13px;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.highlight td {
  border: 1px solid black;
  font-weight: 900;
}
.left {
  text-align: left;
  padding-left: 12px;
}
.right {
  text-align: right;
  padding-right: 12px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-68c61d36] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-68c61d36] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-68c61d36] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-68c61d36] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-68c61d36] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-68c61d36] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-68c61d36] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-68c61d36] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-68c61d36] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-68c61d36]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-68c61d36] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-68c61d36] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-68c61d36] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-68c61d36] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-68c61d36] {
  background-image: none !important;
}
.oxd-text--h5[data-v-68c61d36] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-68c61d36] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-68c61d36] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-68c61d36] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-68c61d36] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-68c61d36] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-68c61d36],
.orangehrm-dialog-header-container[data-v-68c61d36] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-68c61d36],
.orangehrm-dialog-header-container .oxd-button[data-v-68c61d36] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-68c61d36] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-68c61d36] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-68c61d36] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-68c61d36] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-68c61d36] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-68c61d36] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-68c61d36] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-68c61d36] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-68c61d36] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-68c61d36] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-68c61d36] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-68c61d36] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-68c61d36] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-68c61d36] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-68c61d36] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-68c61d36] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-68c61d36] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-68c61d36] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-68c61d36] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-68c61d36] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-68c61d36] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-68c61d36] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-68c61d36] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-68c61d36] {
  color: #38455d;
}
.orangehrm-form-action[data-v-68c61d36] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-68c61d36] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-68c61d36] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-68c61d36] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-68c61d36] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-68c61d36] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hrp-content[data-v-68c61d36] {
  padding: 2%;
}
.orangehrm-container[data-v-68c61d36] {
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 250px);
}
.orangehrm-container.onLoading[data-v-68c61d36] {
  min-height: 350px;
}
.excess-leave-table-wrapper[data-v-68c61d36] {
  position: relative;
  min-height: 200px;
}
.excess-leave-overlay[data-v-68c61d36] {
  position: absolute;
  inset: 0;
  z-index: 999;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.95);
}
.excess-leave-progress[data-v-68c61d36] {
  width: 500px;
}
.excess-leave-progress-label[data-v-68c61d36] {
  font-family: Nunito Sans, sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-top: 10px;
}

.switch-text[data-v-581598ed] {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 2%;
  padding-top: 2%;
}
.oxd-color-input .oxd-color-input--active[data-v-581598ed] {
  margin-right: 51%;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2dbe862c] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2dbe862c] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2dbe862c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2dbe862c] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2dbe862c] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2dbe862c] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2dbe862c] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2dbe862c] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2dbe862c] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2dbe862c]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2dbe862c] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2dbe862c] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2dbe862c] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2dbe862c] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2dbe862c] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2dbe862c] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2dbe862c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2dbe862c] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2dbe862c] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2dbe862c] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2dbe862c] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2dbe862c],
.orangehrm-dialog-header-container[data-v-2dbe862c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2dbe862c],
.orangehrm-dialog-header-container .oxd-button[data-v-2dbe862c] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2dbe862c] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2dbe862c] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2dbe862c] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2dbe862c] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2dbe862c] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2dbe862c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2dbe862c] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2dbe862c] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2dbe862c] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2dbe862c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2dbe862c] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2dbe862c] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2dbe862c] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2dbe862c] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2dbe862c] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2dbe862c] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2dbe862c] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2dbe862c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2dbe862c] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2dbe862c] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2dbe862c] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2dbe862c] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2dbe862c] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2dbe862c] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2dbe862c] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2dbe862c] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2dbe862c] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2dbe862c] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2dbe862c] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2dbe862c] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-link[data-v-2dbe862c] {
  font-weight: 400;
  font-size: 14px;
}
.orangehrm-link-url[data-v-2dbe862c] {
  color: var(--oxd-primary-one-color);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-1670c4bd] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-1670c4bd] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-1670c4bd] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-1670c4bd] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-1670c4bd] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-1670c4bd] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-1670c4bd] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-1670c4bd] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-1670c4bd] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-1670c4bd]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-1670c4bd] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-1670c4bd] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-1670c4bd] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-1670c4bd] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-1670c4bd] {
  background-image: none !important;
}
.oxd-text--h5[data-v-1670c4bd] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-1670c4bd] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-1670c4bd] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-1670c4bd] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-1670c4bd] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-1670c4bd] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-1670c4bd],
.orangehrm-dialog-header-container[data-v-1670c4bd] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-1670c4bd],
.orangehrm-dialog-header-container .oxd-button[data-v-1670c4bd] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-1670c4bd] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-1670c4bd] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-1670c4bd] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-1670c4bd] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-1670c4bd] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-1670c4bd] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-1670c4bd] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-1670c4bd] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-1670c4bd] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-1670c4bd] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-1670c4bd] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-1670c4bd] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-1670c4bd] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-1670c4bd] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-1670c4bd] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-1670c4bd] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-1670c4bd] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-1670c4bd] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-1670c4bd] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-1670c4bd] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-1670c4bd] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-1670c4bd] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-1670c4bd] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-1670c4bd] {
  color: #38455d;
}
.orangehrm-form-action[data-v-1670c4bd] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-1670c4bd] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-1670c4bd] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-1670c4bd] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-1670c4bd] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-1670c4bd] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-link[data-v-1670c4bd] {
  font-weight: 400;
  font-size: 14px;
}
.orangehrm-link-url[data-v-1670c4bd] {
  color: var(--oxd-primary-one-color);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-230a4068] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-230a4068] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-230a4068] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-230a4068] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-230a4068] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-230a4068] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-230a4068] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-230a4068] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-230a4068] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-230a4068]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-230a4068] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-230a4068] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-230a4068] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-230a4068] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-230a4068] {
  background-image: none !important;
}
.oxd-text--h5[data-v-230a4068] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-230a4068] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-230a4068] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-230a4068] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-230a4068] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-230a4068] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-230a4068],
.orangehrm-dialog-header-container[data-v-230a4068] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-230a4068],
.orangehrm-dialog-header-container .oxd-button[data-v-230a4068] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-230a4068] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-230a4068] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-230a4068] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-230a4068] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-230a4068] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-230a4068] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-230a4068] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-230a4068] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-230a4068] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-230a4068] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-230a4068] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-230a4068] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-230a4068] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-230a4068] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-230a4068] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-230a4068] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-230a4068] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-230a4068] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-230a4068] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-230a4068] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-230a4068] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-230a4068] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-230a4068] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-230a4068] {
  color: #38455d;
}
.orangehrm-form-action[data-v-230a4068] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-230a4068] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-230a4068] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-230a4068] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-230a4068] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-230a4068] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
.orangehrm-attendance-punchedIn-timezone[data-v-230a4068] {
  color: #929baa;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-b97f8b16] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-b97f8b16] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-b97f8b16] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-b97f8b16] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-b97f8b16] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-b97f8b16] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-b97f8b16] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-b97f8b16] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-b97f8b16] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-b97f8b16]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-b97f8b16] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-b97f8b16] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-b97f8b16] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-b97f8b16] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-b97f8b16] {
  background-image: none !important;
}
.oxd-text--h5[data-v-b97f8b16] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-b97f8b16] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-b97f8b16] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-b97f8b16] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-b97f8b16] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-b97f8b16] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-b97f8b16],
.orangehrm-dialog-header-container[data-v-b97f8b16] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-b97f8b16],
.orangehrm-dialog-header-container .oxd-button[data-v-b97f8b16] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-b97f8b16] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-b97f8b16] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-b97f8b16] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-b97f8b16] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-b97f8b16] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-b97f8b16] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-b97f8b16] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-b97f8b16] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-b97f8b16] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-b97f8b16] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-b97f8b16] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-b97f8b16] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-b97f8b16] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-b97f8b16] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-b97f8b16] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-b97f8b16] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-b97f8b16] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-b97f8b16] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-b97f8b16] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-b97f8b16] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-b97f8b16] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-b97f8b16] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-b97f8b16] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-b97f8b16] {
  color: #38455d;
}
.orangehrm-form-action[data-v-b97f8b16] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-b97f8b16] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-b97f8b16] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-b97f8b16] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-b97f8b16] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-b97f8b16] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.oxd-text--subtitle-2[data-v-b97f8b16] {
  font-weight: 600;
}
.no-gap[data-v-b97f8b16] {
  grid-gap: unset;
}
.orangehrm-header[data-v-b97f8b16] {
  display: flex;
}
.orangehrm-header-total[data-v-b97f8b16] {
  margin-left: auto;
}
.orangehrm-punch-out-record[data-v-b97f8b16] {
  padding-top: 0.5rem;
  box-sizing: border-box;
  border-top: 1px solid #e8eaef;
}
@media (min-width: 800px) {
.orangehrm-punch-out-record[data-v-b97f8b16] {
    border: unset;
    padding-top: unset;
    border-left: 1px solid #e8eaef;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-7c735605] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-7c735605] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-7c735605] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-7c735605] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-7c735605] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-7c735605] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-7c735605] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-7c735605] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-7c735605] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-7c735605]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-7c735605] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-7c735605] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-7c735605] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-7c735605] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-7c735605] {
  background-image: none !important;
}
.oxd-text--h5[data-v-7c735605] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-7c735605] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-7c735605] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-7c735605] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-7c735605] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-7c735605] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-7c735605],
.orangehrm-dialog-header-container[data-v-7c735605] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-7c735605],
.orangehrm-dialog-header-container .oxd-button[data-v-7c735605] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-7c735605] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-7c735605] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-7c735605] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-7c735605] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-7c735605] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-7c735605] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-7c735605] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-7c735605] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-7c735605] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-7c735605] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-7c735605] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-7c735605] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-7c735605] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-7c735605] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-7c735605] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-7c735605] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-7c735605] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-7c735605] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-7c735605] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-7c735605] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-7c735605] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-7c735605] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-7c735605] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-7c735605] {
  color: #38455d;
}
.orangehrm-form-action[data-v-7c735605] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-7c735605] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-7c735605] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-7c735605] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-7c735605] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-7c735605] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.oxd-table-card-cell[data-v-7c735605] {
  display: block;
}
.oxd-table-card-cell .header[data-v-7c735605] {
  font-weight: 700;
}
.oxd-table-card-cell .timezone[data-v-7c735605] {
  color: #929baa;
  white-space: nowrap;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2e5660dc] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2e5660dc] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2e5660dc] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2e5660dc] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2e5660dc] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2e5660dc] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2e5660dc] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2e5660dc] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2e5660dc] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2e5660dc]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2e5660dc] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2e5660dc] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2e5660dc] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2e5660dc] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2e5660dc] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2e5660dc] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2e5660dc] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2e5660dc] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2e5660dc] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2e5660dc] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2e5660dc] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2e5660dc],
.orangehrm-dialog-header-container[data-v-2e5660dc] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2e5660dc],
.orangehrm-dialog-header-container .oxd-button[data-v-2e5660dc] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2e5660dc] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2e5660dc] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2e5660dc] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2e5660dc] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2e5660dc] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2e5660dc] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2e5660dc] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2e5660dc] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2e5660dc] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2e5660dc] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2e5660dc] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2e5660dc] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2e5660dc] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2e5660dc] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2e5660dc] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2e5660dc] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2e5660dc] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2e5660dc] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2e5660dc] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2e5660dc] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2e5660dc] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2e5660dc] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2e5660dc] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2e5660dc] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2e5660dc] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2e5660dc] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2e5660dc] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2e5660dc] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2e5660dc] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2e5660dc] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-header-total[data-v-2e5660dc] {
  margin-left: auto;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-049e0b1b] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-049e0b1b] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-049e0b1b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-049e0b1b] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-049e0b1b] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-049e0b1b] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-049e0b1b] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-049e0b1b] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-049e0b1b] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-049e0b1b]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-049e0b1b] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-049e0b1b] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-049e0b1b] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-049e0b1b] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-049e0b1b] {
  background-image: none !important;
}
.oxd-text--h5[data-v-049e0b1b] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-049e0b1b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-049e0b1b] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-049e0b1b] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-049e0b1b] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-049e0b1b] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-049e0b1b],
.orangehrm-dialog-header-container[data-v-049e0b1b] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-049e0b1b],
.orangehrm-dialog-header-container .oxd-button[data-v-049e0b1b] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-049e0b1b] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-049e0b1b] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-049e0b1b] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-049e0b1b] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-049e0b1b] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-049e0b1b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-049e0b1b] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-049e0b1b] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-049e0b1b] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-049e0b1b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-049e0b1b] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-049e0b1b] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-049e0b1b] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-049e0b1b] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-049e0b1b] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-049e0b1b] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-049e0b1b] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-049e0b1b] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-049e0b1b] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-049e0b1b] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-049e0b1b] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-049e0b1b] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-049e0b1b] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-049e0b1b] {
  color: #38455d;
}
.orangehrm-form-action[data-v-049e0b1b] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-049e0b1b] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-049e0b1b] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-049e0b1b] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-049e0b1b] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-049e0b1b] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-attendance-field-row[data-v-049e0b1b] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-attendance-field-label[data-v-049e0b1b] {
  box-sizing: border-box;
  font-family: "Nunito Sans";
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.65rem;
  padding: 0.675rem 0.5rem;
  padding: 0;
  flex-basis: 75%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-c98a3050] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-c98a3050] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-c98a3050] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-c98a3050] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-c98a3050] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-c98a3050] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-c98a3050] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-c98a3050] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-c98a3050] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-c98a3050]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-c98a3050] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-c98a3050] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-c98a3050] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-c98a3050] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-c98a3050] {
  background-image: none !important;
}
.oxd-text--h5[data-v-c98a3050] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-c98a3050] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-c98a3050] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-c98a3050] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-c98a3050] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-c98a3050] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-c98a3050],
.orangehrm-dialog-header-container[data-v-c98a3050] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-c98a3050],
.orangehrm-dialog-header-container .oxd-button[data-v-c98a3050] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-c98a3050] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-c98a3050] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-c98a3050] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-c98a3050] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-c98a3050] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-c98a3050] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-c98a3050] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-c98a3050] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-c98a3050] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-c98a3050] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-c98a3050] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-c98a3050] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-c98a3050] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-c98a3050] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-c98a3050] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-c98a3050] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-c98a3050] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-c98a3050] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-c98a3050] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-c98a3050] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-c98a3050] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-c98a3050] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-c98a3050] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-c98a3050] {
  color: #38455d;
}
.orangehrm-form-action[data-v-c98a3050] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-c98a3050] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-c98a3050] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-c98a3050] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-c98a3050] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-c98a3050] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-c98a3050] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-c98a3050] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
}
:root {
  --fc-border-color: #D0DFF5;
}
#external-events {
  width: 25%;
  padding: 1%;
  border: 1px solid #F6F5FB;
  max-height: 100vh;
  overflow-y: auto;
  margin-left: 3%;
}
#shift-codes-container {
  max-height: 170.70px;
  /* Set the height you want for the scrollable area */
  overflow-y: auto;
  /* Enable vertical scrolling */
  scrollbar-color: #cccccc #ffffff;
}
#external-events .fc-event {
  z-index: 1;
  cursor: move;
  margin: 3px 0;
}
#calendar-container {
  display: flex;
  justify-content: center; /* Center aligns content horizontally */
  align-items: flex-start;
  width: 100vw; /* Full width of the viewport */
  height: calc(100vh - 50px); /* Adjust height as needed */
  margin: 0;
  padding: 0;
}
#calendar {
  flex-grow: 1;
  width: 100%; /* Make calendar take full width */
  height: 100%; /* Make it fill the container */
  max-width: 100% !important;
  border-radius: 20px;
}
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  color: rgb(87, 95, 107);
  cursor: pointer;
  font-family: Nunito Sans;
  font-size: 14px;
  font-weight: 700;
  background: linear-gradient(-49.47deg, rgb(242, 243, 246) 3.8%, rgb(229, 230, 236) 127.836%);
  text-transform: uppercase;
}
.card-header .arrow {
  border: solid #6D7A93;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 3px;
  transition: transform 0.3s ease;
}
.card-body {
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 1px 1px 0px 4px rgb(246, 245, 251);
  backdrop-filter: blur(4px);
}
.card-body-employee {
  padding: 15px 10px 5px 10px;
  background-color: #ffffff;
  border-radius: 25px;
}
.arrow-up {
  transform: rotate(-135deg);
}
.arrow-down {
  transform: rotate(45deg);
}
.card {
  margin-bottom: 10px;
  border: 1px solid #dee2e6;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.fc-h-event {
  border: #ffffff !important;
  font-family: Nunito Sans;
}
.fc-event-main {
  padding: 2%;
}
.fc-toolbar-title {
  font-weight: 700;
}
.fc-next-button.fc-button.fc-button-primary {
  border: none;
  background-color: #F6F5FB;
  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.1),
    -8px -8px 15px rgba(255, 255, 255, 0.7);
  transition: box-shadow 0.3s ease;
}
.fc-next-button.fc-button.fc-button-primary:active {
  background-color: #F6F5FB;
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.15),
    inset -5px -5px 10px rgba(255, 255, 255, 0.7);
}
.fc-prev-button.fc-button.fc-button-primary {
  border: none;
  box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.2),
    inset -5px -5px 10px rgb(255, 255, 255);
  transition: box-shadow 0.3s ease;
  background-color: #F6F5FB;
}
.fc-prev-button.fc-button.fc-button-primary:active {
  background-color: transparent;
  /* Make the button appear even deeper when clicked */
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3),
    inset -2px -2px 5px rgba(255, 255, 255, 0.8);
}

/* Optional hover effect */
.fc-prev-button.fc-button.fc-button-primary:hover {
  background-color: #F6F5FB;
  box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.25),
    inset -3px -3px 7px rgba(255, 255, 255, 0.6);
}

/* Optional hover effect */
.fc-next-button.fc-button.fc-button-primary:hover {
  background-color: #F6F5FB;
    box-shadow: 2px 2px 5px #a3a3a3,
        -2px -2px 5px #ffffff;
      /* Lighter shadow on hover */
      /* transform: translateY(5px); */
      /* Slight lift effect */
}
.fc-icon.fc-icon-chevron-right {
  background-image: linear-gradient(-43.08deg, rgb(87, 95, 107) 24.709%, rgb(44, 48, 54) 100%);
  -webkit-background-clip: text;
  /* Required for the text color to follow the gradient */
  color: transparent;
}
.fc-icon.fc-icon-chevron-left {
  background-image: linear-gradient(43.45deg, rgb(87, 95, 107) 24.709%, rgb(44, 48, 54) 100%);
  opacity: 0.5;
  -webkit-background-clip: text;
  /* Required for the text color to follow the gradient */
  color: transparent;
}
.fc-today-button.fc-button.fc-button-primary {
  background-color: rgb(30, 31, 32);
  color: white;
  opacity: 1 !important;
  text-transform: uppercase;
}
.fc-col-header-cell-cushion {
  color: #575F6B;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.fc .fc-daygrid-day-top {
  flex-direction: row;
}
.fc .fc-daygrid-day-number {
  color: #262729;
  font-size: 12px;
  text-decoration: none;
  font-weight: 700;
}
.fc .fc-scrollgrid-liquid {
  border: 2px solid #B0BCD5;
  border-radius: 15px;
}
.fc .fc-col-header-cell {
  text-decoration: none;
  border-right: none !important;
  border-left: none !important;
}
.fc .fc-col-header.fc-daygrid-body {
  border: 1px solid #B0BCD5;
  border-radius: 15px;
}

/* Apply border radius to the calendar grid and headers */
.fc .fc-daygrid,
.fc .fc-daygrid-event {
  border-radius: 15px;
  overflow: hidden;
  /* Ensures content fits within rounded corners */
}
.fc .fc-col-header-cell.fc-day-sat .fc-col-header-cell-cushion,
.fc .fc-col-header-cell.fc-day-sun .fc-col-header-cell-cushion {
  color: #ED3779 !important;
}
.fc .fc-button {
  border-radius: 0.8em;
}

/* CSS Styles */
.ot-input-container {
  display: flex;
  flex-direction: column;
  width: 100%; /* Ensures the container spans full width */
  padding: 10px;
  box-sizing: border-box;
}
.ot-input-container label {
  font-weight: bold;
  margin-bottom: 5px;
}
.ot-input {
  width: 100%; /* Makes the input span full width */
  padding: 8px;
  font-size: 1em;
  margin-bottom: 10px; /* Space between input and button */
  box-sizing: border-box; /* Ensures padding doesn't increase width */
}
.ot-add-button {
  width: 100%; /* Makes the button span full width */
  font-size: 1em;
  margin-top: 5px; /* Optional margin for spacing */
}
.ot-event-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.delete-ot-button {
  background-color: red;
  color: white;
  border: none;
  padding: 4px 8px;
  font-size: 0.8rem;
  margin-left: 10px;
  cursor: pointer;
}
.fc-event .delete-ot-button {
  background-color: red !important;
  color: white !important;
  border: none !important;
  padding: 4px 8px !important;
  font-size: 0.8rem !important;
  margin-left: 10px;
  cursor: pointer;
  border-radius: 4px;
  min-width: 30px;
  height: 24px;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-85409e7a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-85409e7a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-85409e7a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-85409e7a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-85409e7a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-85409e7a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-85409e7a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-85409e7a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-85409e7a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-85409e7a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-85409e7a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-85409e7a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-85409e7a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-85409e7a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-85409e7a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-85409e7a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-85409e7a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-85409e7a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-85409e7a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-85409e7a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-85409e7a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-85409e7a],
.orangehrm-dialog-header-container[data-v-85409e7a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-85409e7a],
.orangehrm-dialog-header-container .oxd-button[data-v-85409e7a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-85409e7a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-85409e7a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-85409e7a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-85409e7a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-85409e7a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-85409e7a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-85409e7a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-85409e7a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-85409e7a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-85409e7a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-85409e7a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-85409e7a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-85409e7a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-85409e7a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-85409e7a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-85409e7a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-85409e7a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-85409e7a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-85409e7a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-85409e7a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-85409e7a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-85409e7a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-85409e7a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-85409e7a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-85409e7a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-85409e7a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-85409e7a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-85409e7a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-85409e7a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-85409e7a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-dialog-modal .loading-overlay[data-v-85409e7a] {
  position: absolute;
  left: 0;
  width: 100%;
  height: 97%;
  background: rgba(255, 255, 255, 0.87);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  border-radius: 10px;
  gap: 10px;
}
.loading-message[data-v-85409e7a] {
  font-size: 14px;
  color: #333333;
  text-align: center;
  font-weight: 100;
}
.orangehrm-module-under-development[data-v-85409e7a] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-85409e7a] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-85409e7a] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-85409e7a] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-85409e7a] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.comment-container[data-v-85409e7a] {
  margin-top: 15px;
  padding: 25px;
}
.hrp-content[data-v-85409e7a] {
  padding: 2%;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
}
:root {
  --fc-border-color: #D0DFF5;
}
#external-events {
  width: 25%;
  padding: 1%;
  border: 1px solid #F6F5FB;
  max-height: 100vh;
  overflow-y: auto;
  margin-left: 3%;
}
#shift-codes-container {
  max-height: 170.70px;
  /* Set the height you want for the scrollable area */
  overflow-y: auto;
  /* Enable vertical scrolling */
  scrollbar-color: #cccccc #ffffff;
}
#external-events .fc-event {
  z-index: 1;
  cursor: move;
  margin: 3px 0;
}
#calendar-container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  position: relative;
  z-index: 1;
}
#calendar {
  flex-grow: 1;
  max-width: 80%;
  border-radius: 20px;
}
.card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px;
  color: rgb(87, 95, 107);
  cursor: pointer;
  font-family: Nunito Sans;
  font-size: 14px;
  font-weight: 700;
  background: linear-gradient(-49.47deg, rgb(242, 243, 246) 3.8%, rgb(229, 230, 236) 127.836%);
  text-transform: uppercase;
}
.card-header .arrow {
  border: solid #6D7A93;
  border-width: 0 4px 4px 0;
  display: inline-block;
  padding: 3px;
  transition: transform 0.3s ease;
}
.card-body {
  padding: 20px;
  background-color: #ffffff;
  box-shadow: 1px 1px 0px 4px rgb(246, 245, 251);
  backdrop-filter: blur(4px);
}
.card-body-employee {
  padding: 15px 10px 5px 10px;
  background-color: #ffffff;
  border-radius: 25px;
}
.arrow-up {
  transform: rotate(-135deg);
}
.arrow-down {
  transform: rotate(45deg);
}
.card {
  margin-bottom: 10px;
  border: 1px solid #dee2e6;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.fc-h-event {
  border: #ffffff !important;
  font-family: Nunito Sans;
}
.fc-event-main {
  padding: 2%;
}
.fc-toolbar-title {
  font-weight: 700;
}
.fc-next-button.fc-button.fc-button-primary {
  border: none;
  background-color: #F6F5FB;
  box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.1),
    -8px -8px 15px rgba(255, 255, 255, 0.7);
  transition: box-shadow 0.3s ease;
}
.fc-next-button.fc-button.fc-button-primary:active {
  background-color: #F6F5FB;
  box-shadow: inset 5px 5px 10px rgba(0, 0, 0, 0.15),
    inset -5px -5px 10px rgba(255, 255, 255, 0.7);
}
.fc-prev-button.fc-button.fc-button-primary {
  border: none;
  box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.2),
    inset -5px -5px 10px rgb(255, 255, 255);
  transition: box-shadow 0.3s ease;
  background-color: #F6F5FB;
}
.fc-prev-button.fc-button.fc-button-primary:active {
  background-color: transparent;
  /* Make the button appear even deeper when clicked */
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.3),
    inset -2px -2px 5px rgba(255, 255, 255, 0.8);
}

/* Optional hover effect */
.fc-prev-button.fc-button.fc-button-primary:hover {
  background-color: #F6F5FB;
  box-shadow: inset 3px 3px 7px rgba(0, 0, 0, 0.25),
    inset -3px -3px 7px rgba(255, 255, 255, 0.6);
}

/* Optional hover effect */
.fc-next-button.fc-button.fc-button-primary:hover {
  background-color: #F6F5FB;
    box-shadow: 2px 2px 5px #a3a3a3,
        -2px -2px 5px #ffffff;
      /* Lighter shadow on hover */
      /* transform: translateY(5px); */
      /* Slight lift effect */
}
.fc-icon.fc-icon-chevron-right {
  background-image: linear-gradient(-43.08deg, rgb(87, 95, 107) 24.709%, rgb(44, 48, 54) 100%);
  -webkit-background-clip: text;
  /* Required for the text color to follow the gradient */
  color: transparent;
}
.fc-icon.fc-icon-chevron-left {
  background-image: linear-gradient(43.45deg, rgb(87, 95, 107) 24.709%, rgb(44, 48, 54) 100%);
  opacity: 0.5;
  -webkit-background-clip: text;
  /* Required for the text color to follow the gradient */
  color: transparent;
}
.fc-today-button.fc-button.fc-button-primary {
  background-color: rgb(30, 31, 32);
  color: white;
  opacity: 1 !important;
  text-transform: uppercase;
}
.fc-col-header-cell-cushion {
  color: #575F6B;
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
}
.fc .fc-daygrid-day-top {
  flex-direction: row;
}
.fc .fc-daygrid-day-number {
  color: #262729;
  font-size: 12px;
  text-decoration: none;
  font-weight: 700;
}
.fc .fc-scrollgrid-liquid {
  border: 2px solid #B0BCD5;
  border-radius: 15px;
}
.fc .fc-col-header-cell {
  text-decoration: none;
  border-right: none !important;
  border-left: none !important;
}
.fc .fc-col-header.fc-daygrid-body {
  border: 1px solid #B0BCD5;
  border-radius: 15px;
}

/* Apply border radius to the calendar grid and headers */
.fc .fc-daygrid,
.fc .fc-daygrid-event {
  border-radius: 15px;
  overflow: hidden;
  /* Ensures content fits within rounded corners */
}
.fc .fc-col-header-cell.fc-day-sat .fc-col-header-cell-cushion,
.fc .fc-col-header-cell.fc-day-sun .fc-col-header-cell-cushion {
  color: #ED3779 !important;
}
.fc .fc-button {
  border-radius: 0.8em;
}

/* CSS Styles */
.ot-input-container {
  display: flex;
  flex-direction: column;
  width: 100%; /* Ensures the container spans full width */
  padding: 10px;
  box-sizing: border-box;
}
.ot-input-container label {
  font-weight: bold;
  margin-bottom: 5px;
}
.ot-input {
  width: 100%; /* Makes the input span full width */
  padding: 8px;
  font-size: 1em;
  margin-bottom: 10px; /* Space between input and button */
  box-sizing: border-box; /* Ensures padding doesn't increase width */
}
.ot-add-button {
  width: 100%; /* Makes the button span full width */
  font-size: 1em;
  margin-top: 5px; /* Optional margin for spacing */
}
.ot-event-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.delete-ot-button {
  background-color: red;
  color: white;
  border: none;
  padding: 4px 8px;
  font-size: 0.8rem;
  margin-left: 10px;
  cursor: pointer;
}
.fc-event .delete-ot-button {
  background-color: red !important;
  color: white !important;
  border: none !important;
  padding: 4px 8px !important;
  font-size: 0.8rem !important;
  margin-left: 10px;
  cursor: pointer;
  border-radius: 4px;
  min-width: 30px;
  height: 24px;
}


.personal-records-form[data-v-52722df8] {
  padding: 1rem;
}
.orangehrm-main-title[data-v-52722df8] {
  margin-bottom: 2rem;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4205f7d4] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4205f7d4] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4205f7d4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4205f7d4] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4205f7d4] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4205f7d4] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4205f7d4] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4205f7d4] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4205f7d4] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4205f7d4]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4205f7d4] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4205f7d4] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4205f7d4] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4205f7d4] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4205f7d4] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4205f7d4] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4205f7d4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4205f7d4] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4205f7d4] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4205f7d4] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4205f7d4] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4205f7d4],
.orangehrm-dialog-header-container[data-v-4205f7d4] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4205f7d4],
.orangehrm-dialog-header-container .oxd-button[data-v-4205f7d4] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4205f7d4] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4205f7d4] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4205f7d4] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4205f7d4] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4205f7d4] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4205f7d4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4205f7d4] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4205f7d4] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4205f7d4] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4205f7d4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4205f7d4] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4205f7d4] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4205f7d4] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4205f7d4] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4205f7d4] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4205f7d4] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4205f7d4] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4205f7d4] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4205f7d4] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4205f7d4] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4205f7d4] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4205f7d4] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4205f7d4] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4205f7d4] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4205f7d4] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4205f7d4] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4205f7d4] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4205f7d4] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4205f7d4] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4205f7d4] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.document-request-form[data-v-4205f7d4] {
  padding: 1rem;
}
.document-request-form .orangehrm-form-title[data-v-4205f7d4] {
  margin-bottom: 1.5rem;
  color: var(--oxd-primary-one-color);
}
.document-request-form .oxd-form-row[data-v-4205f7d4] {
  margin-bottom: 1rem;
}
.document-request-form .oxd-textarea[data-v-4205f7d4] {
  min-height: 100px;
}
.document-request-form .orangehrm-main-title[data-v-4205f7d4] {
  margin-bottom: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-242f6d69] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-242f6d69] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-242f6d69] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-242f6d69] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-242f6d69] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-242f6d69] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-242f6d69] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-242f6d69] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-242f6d69] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-242f6d69]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-242f6d69] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-242f6d69] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-242f6d69] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-242f6d69] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-242f6d69] {
  background-image: none !important;
}
.oxd-text--h5[data-v-242f6d69] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-242f6d69] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-242f6d69] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-242f6d69] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-242f6d69] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-242f6d69] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-242f6d69],
.orangehrm-dialog-header-container[data-v-242f6d69] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-242f6d69],
.orangehrm-dialog-header-container .oxd-button[data-v-242f6d69] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-242f6d69] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-242f6d69] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-242f6d69] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-242f6d69] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-242f6d69] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-242f6d69] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-242f6d69] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-242f6d69] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-242f6d69] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-242f6d69] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-242f6d69] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-242f6d69] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-242f6d69] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-242f6d69] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-242f6d69] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-242f6d69] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-242f6d69] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-242f6d69] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-242f6d69] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-242f6d69] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-242f6d69] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-242f6d69] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-242f6d69] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-242f6d69] {
  color: #38455d;
}
.orangehrm-form-action[data-v-242f6d69] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-242f6d69] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-242f6d69] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-242f6d69] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-242f6d69] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-242f6d69] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.document-request-form[data-v-242f6d69] {
  padding: 1rem;
}
.document-request-form .orangehrm-form-title[data-v-242f6d69] {
  margin-bottom: 1.5rem;
  color: var(--oxd-primary-one-color);
}
.document-request-form .oxd-form-row[data-v-242f6d69] {
  margin-bottom: 1rem;
}
.document-request-form .oxd-textarea[data-v-242f6d69] {
  min-height: 100px;
}
.document-request-form .orangehrm-main-title[data-v-242f6d69] {
  margin-bottom: 1rem;
}

/* Modal styles */
.modal-backdrop[data-v-35fa5a10] {
  position: fixed;
  top: 0; left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.modal-container[data-v-35fa5a10] {
  background: white;
  border-radius: 8px;
  min-width: 600px;
  max-width: 90vw;
  padding: 1rem;
}

/* Original styles */
.orangehrm-request-modal[data-v-35fa5a10] {
  padding: 1rem;
}
.tabs-header[data-v-35fa5a10] {
  display: flex;
  /* margin-bottom: 1rem;
  border-bottom: 1px solid #ddd; */
}
.tabs-header button[data-v-35fa5a10] {
  padding: 0.5rem 1rem;
  background: none;
  border: none;
  cursor: pointer;
  border-bottom: 0px solid transparent;
  margin-right: 0.5rem;
}
.tabs-header button.active[data-v-35fa5a10] {
  border-bottom: 2px solid var(--oxd-primary-one-color);
  color: var(--oxd-primary-one-color);
  font-weight: bold;
}
.tabs-content[data-v-35fa5a10] {
  padding: 1rem 0;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-508aa713] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-508aa713] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-508aa713] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-508aa713] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-508aa713] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-508aa713] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-508aa713] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-508aa713] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-508aa713] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-508aa713]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-508aa713] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-508aa713] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-508aa713] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-508aa713] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-508aa713] {
  background-image: none !important;
}
.oxd-text--h5[data-v-508aa713] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-508aa713] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-508aa713] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-508aa713] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-508aa713] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-508aa713] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-508aa713],
.orangehrm-dialog-header-container[data-v-508aa713] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-508aa713],
.orangehrm-dialog-header-container .oxd-button[data-v-508aa713] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-508aa713] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-508aa713] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-508aa713] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-508aa713] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-508aa713] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-508aa713] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-508aa713] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-508aa713] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-508aa713] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-508aa713] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-508aa713] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-508aa713] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-508aa713] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-508aa713] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-508aa713] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-508aa713] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-508aa713] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-508aa713] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-508aa713] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-508aa713] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-508aa713] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-508aa713] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-508aa713] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-508aa713] {
  color: #38455d;
}
.orangehrm-form-action[data-v-508aa713] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-508aa713] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-508aa713] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-508aa713] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-508aa713] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-508aa713] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.document-request-form[data-v-508aa713] {
  padding: 1rem;
}
.document-request-form .orangehrm-form-title[data-v-508aa713] {
  margin-bottom: 1.5rem;
  color: var(--oxd-primary-one-color);
}
.document-request-form .oxd-form-row[data-v-508aa713] {
  margin-bottom: 1rem;
}
.document-request-form .oxd-textarea[data-v-508aa713] {
  min-height: 100px;
}
.document-request-form .orangehrm-main-title[data-v-508aa713] {
  margin-bottom: 1rem;
}
.document-request-form .attachment-link[data-v-508aa713] {
  cursor: pointer;
  color: blue;
  display: flex;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-background-page {
  display: grid;
  grid-gap: 20px;
}
.orangehrm-background-page .orangehrm-header-container {
  display: block;
}
.orangehrm-background-page .heading {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-background-page .heading .expand-icon {
  cursor: pointer;
}
.orangehrm-background-page .content {
  margin-top: 20px;
  font-size: 12px;
  opacity: 0.6;
  font-family: "Nunito Sans";
  display: grid;
  grid-gap: 25px;
}
.orangehrm-background-page .content .content-top {
  display: flex;
  justify-content: space-between;
  width: 50%;
}
.orangehrm-background-page .content .content-top .orangehrm-main-cat {
  font-size: 12px;
  font-family: "Nunito Sans";
  opacity: 0.5;
}
.orangehrm-background-page .content .content-acknowledge {
  display: grid;
  grid-gap: 10px;
}
.orangehrm-background-page .content .attachment-link {
  cursor: pointer;
  color: blue;
  display: flex;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-436cc230] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-436cc230] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-436cc230] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-436cc230] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-436cc230] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-436cc230] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-436cc230] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-436cc230] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-436cc230] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-436cc230]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-436cc230] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-436cc230] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-436cc230] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-436cc230] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-436cc230] {
  background-image: none !important;
}
.oxd-text--h5[data-v-436cc230] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-436cc230] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-436cc230] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-436cc230] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-436cc230] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-436cc230] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-436cc230],
.orangehrm-dialog-header-container[data-v-436cc230] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-436cc230],
.orangehrm-dialog-header-container .oxd-button[data-v-436cc230] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-436cc230] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-436cc230] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-436cc230] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-436cc230] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-436cc230] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-436cc230] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-436cc230] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-436cc230] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-436cc230] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-436cc230] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-436cc230] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-436cc230] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-436cc230] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-436cc230] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-436cc230] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-436cc230] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-436cc230] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-436cc230] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-436cc230] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-436cc230] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-436cc230] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-436cc230] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-436cc230] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-436cc230] {
  color: #38455d;
}
.orangehrm-form-action[data-v-436cc230] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-436cc230] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-436cc230] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-436cc230] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-436cc230] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-436cc230] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
.orangehrm-attendance-punchedIn-timezone[data-v-436cc230] {
  color: #929baa;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6e1c455d] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6e1c455d] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6e1c455d] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6e1c455d] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6e1c455d] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6e1c455d] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6e1c455d] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6e1c455d] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6e1c455d] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6e1c455d]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6e1c455d] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6e1c455d] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6e1c455d] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6e1c455d] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6e1c455d] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6e1c455d] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6e1c455d] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6e1c455d] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6e1c455d] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6e1c455d] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6e1c455d] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6e1c455d],
.orangehrm-dialog-header-container[data-v-6e1c455d] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6e1c455d],
.orangehrm-dialog-header-container .oxd-button[data-v-6e1c455d] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6e1c455d] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6e1c455d] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6e1c455d] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6e1c455d] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6e1c455d] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6e1c455d] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6e1c455d] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6e1c455d] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6e1c455d] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6e1c455d] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6e1c455d] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6e1c455d] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6e1c455d] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6e1c455d] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6e1c455d] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6e1c455d] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6e1c455d] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6e1c455d] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6e1c455d] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6e1c455d] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6e1c455d] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6e1c455d] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6e1c455d] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6e1c455d] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6e1c455d] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6e1c455d] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6e1c455d] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6e1c455d] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6e1c455d] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6e1c455d] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
.orangehrm-selected-employee[data-v-6e1c455d] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-selected-employee[data-v-6e1c455d] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-selected-employee[data-v-6e1c455d] {
    flex-direction: row;
}
}
.orangehrm-selected-employee-content[data-v-6e1c455d] {
  flex: 1;
}
.orangehrm-selected-employee-image-wrapper[data-v-6e1c455d] {
  padding-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-selected-employee-image-wrapper[data-v-6e1c455d] {
    padding-top: 1.2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
}
@media (min-width: 1000px) {
.orangehrm-selected-employee-image-wrapper[data-v-6e1c455d] {
    padding-left: 5rem;
    padding-right: 5rem;
}
}
@media (min-width: 1200px) {
.orangehrm-selected-employee-image-wrapper[data-v-6e1c455d] {
    padding-left: 7rem;
    padding-right: 7rem;
}
}
.orangehrm-selected-employee-image[data-v-6e1c455d] {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
  border: 0.5rem solid #f6f5fb;
  box-shadow: 1px 1px 18px 11px hsla(238, 13%, 76%, 0.24);
}
.orangehrm-selected-employee-imagesection[data-v-6e1c455d] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-selected-employee-imagesection[data-v-6e1c455d] {
    flex-direction: row-reverse;
    justify-content: center;
}
}
@media (min-width: 800px) {
.orangehrm-selected-employee-imagesection[data-v-6e1c455d] {
    flex-direction: column;
    justify-content: center;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-57dfb53e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-57dfb53e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-57dfb53e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-57dfb53e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-57dfb53e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-57dfb53e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-57dfb53e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-57dfb53e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-57dfb53e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-57dfb53e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-57dfb53e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-57dfb53e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-57dfb53e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-57dfb53e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-57dfb53e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-57dfb53e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-57dfb53e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-57dfb53e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-57dfb53e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-57dfb53e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-57dfb53e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-57dfb53e],
.orangehrm-dialog-header-container[data-v-57dfb53e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-57dfb53e],
.orangehrm-dialog-header-container .oxd-button[data-v-57dfb53e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-57dfb53e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-57dfb53e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-57dfb53e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-57dfb53e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-57dfb53e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-57dfb53e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-57dfb53e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-57dfb53e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-57dfb53e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-57dfb53e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-57dfb53e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-57dfb53e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-57dfb53e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-57dfb53e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-57dfb53e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-57dfb53e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-57dfb53e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-57dfb53e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-57dfb53e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-57dfb53e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-57dfb53e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-57dfb53e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-57dfb53e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-57dfb53e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-57dfb53e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-57dfb53e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-57dfb53e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-57dfb53e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-57dfb53e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-57dfb53e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-maintenance-note[data-v-57dfb53e] {
  display: flex;
  flex-direction: column;
  overflow-wrap: break-word;
  padding: 1.2rem;
  border-radius: 1.2rem;
  color: #64728c;
  background-color: #e8eaef;
  font-size: 12px;
}
.orangehrm-maintenance-note-header[data-v-57dfb53e] {
  font-weight: bold;
  margin-bottom: 0.4rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-b82a2182] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-b82a2182] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-b82a2182] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-b82a2182] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-b82a2182] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-b82a2182] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-b82a2182] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-b82a2182] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-b82a2182] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-b82a2182]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-b82a2182] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-b82a2182] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-b82a2182] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-b82a2182] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-b82a2182] {
  background-image: none !important;
}
.oxd-text--h5[data-v-b82a2182] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-b82a2182] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-b82a2182] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-b82a2182] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-b82a2182] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-b82a2182] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-b82a2182],
.orangehrm-dialog-header-container[data-v-b82a2182] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-b82a2182],
.orangehrm-dialog-header-container .oxd-button[data-v-b82a2182] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-b82a2182] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-b82a2182] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-b82a2182] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-b82a2182] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-b82a2182] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-b82a2182] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-b82a2182] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-b82a2182] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-b82a2182] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-b82a2182] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-b82a2182] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-b82a2182] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-b82a2182] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-b82a2182] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-b82a2182] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-b82a2182] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-b82a2182] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-b82a2182] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-b82a2182] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-b82a2182] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-b82a2182] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-b82a2182] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-b82a2182] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-b82a2182] {
  color: #38455d;
}
.orangehrm-form-action[data-v-b82a2182] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-b82a2182] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-b82a2182] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-b82a2182] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-b82a2182] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-b82a2182] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-paper-container[data-v-b82a2182] {
  margin-top: 1rem;
}

.oxd-divider[data-v-537a6a30] {
  margin-top: 0;
  margin-bottom: 0;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-cb9bdcbe] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-cb9bdcbe] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-cb9bdcbe] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-cb9bdcbe] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-cb9bdcbe] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-cb9bdcbe] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-cb9bdcbe] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-cb9bdcbe] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-cb9bdcbe] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-cb9bdcbe]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-cb9bdcbe] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-cb9bdcbe] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-cb9bdcbe] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-cb9bdcbe] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-cb9bdcbe] {
  background-image: none !important;
}
.oxd-text--h5[data-v-cb9bdcbe] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-cb9bdcbe] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-cb9bdcbe] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-cb9bdcbe] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-cb9bdcbe] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-cb9bdcbe] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-cb9bdcbe],
.orangehrm-dialog-header-container[data-v-cb9bdcbe] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-cb9bdcbe],
.orangehrm-dialog-header-container .oxd-button[data-v-cb9bdcbe] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-cb9bdcbe] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-cb9bdcbe] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-cb9bdcbe] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-cb9bdcbe] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-cb9bdcbe] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-cb9bdcbe] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-cb9bdcbe] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-cb9bdcbe] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-cb9bdcbe] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-cb9bdcbe] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-cb9bdcbe] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-cb9bdcbe] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-cb9bdcbe] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-cb9bdcbe] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-cb9bdcbe] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-cb9bdcbe] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-cb9bdcbe] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-cb9bdcbe] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-cb9bdcbe] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-cb9bdcbe] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-cb9bdcbe] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-cb9bdcbe] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-cb9bdcbe] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-cb9bdcbe] {
  color: #38455d;
}
.orangehrm-form-action[data-v-cb9bdcbe] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-cb9bdcbe] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-cb9bdcbe] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-cb9bdcbe] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-cb9bdcbe] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-cb9bdcbe] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-cb9bdcbe] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-cb9bdcbe] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-cb9bdcbe] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-cb9bdcbe] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-cb9bdcbe] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-cb9bdcbe] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5dfa7e3a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5dfa7e3a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5dfa7e3a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5dfa7e3a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5dfa7e3a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5dfa7e3a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5dfa7e3a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5dfa7e3a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5dfa7e3a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5dfa7e3a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5dfa7e3a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5dfa7e3a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5dfa7e3a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5dfa7e3a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5dfa7e3a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5dfa7e3a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5dfa7e3a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5dfa7e3a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5dfa7e3a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5dfa7e3a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5dfa7e3a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5dfa7e3a],
.orangehrm-dialog-header-container[data-v-5dfa7e3a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5dfa7e3a],
.orangehrm-dialog-header-container .oxd-button[data-v-5dfa7e3a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5dfa7e3a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5dfa7e3a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5dfa7e3a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5dfa7e3a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5dfa7e3a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5dfa7e3a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5dfa7e3a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5dfa7e3a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5dfa7e3a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5dfa7e3a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5dfa7e3a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5dfa7e3a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5dfa7e3a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5dfa7e3a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5dfa7e3a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5dfa7e3a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5dfa7e3a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5dfa7e3a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5dfa7e3a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5dfa7e3a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5dfa7e3a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5dfa7e3a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5dfa7e3a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5dfa7e3a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5dfa7e3a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5dfa7e3a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5dfa7e3a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5dfa7e3a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5dfa7e3a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5dfa7e3a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.title-container[data-v-5dfa7e3a] {
  margin-bottom: 16px;
}
.user-form-header[data-v-5dfa7e3a] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-5dfa7e3a] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-5dfa7e3a] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-5dfa7e3a] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-5dfa7e3a] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-5dfa7e3a] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-5dfa7e3a] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-5dfa7e3a] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-5dfa7e3a] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-5dfa7e3a] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-5dfa7e3a] {
  grid-column: span 2;
}
.orangehrm-text[data-v-5dfa7e3a] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-text-label[data-v-5dfa7e3a] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-5dfa7e3a] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-5dfa7e3a] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-5dfa7e3a] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #e8eaef;
}
.vacancy-page[data-v-5dfa7e3a] {
  padding: unset;
}
.vacancy-card[data-v-5dfa7e3a] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}
.vacancy-header[data-v-5dfa7e3a] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.vacancy-page-title[data-v-5dfa7e3a] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1f2937;
}
.vacancy-page-subtitle[data-v-5dfa7e3a],
.vacancy-section-description[data-v-5dfa7e3a] {
  margin: 0.35rem 0 0;
  color: #64728c;
  font-size: 0.875rem;
  line-height: 1.4;
}
.vacancy-required-pill[data-v-5dfa7e3a] {
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  background: #fff7ed;
  color: #c2410c;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
}
.vacancy-content[data-v-5dfa7e3a] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.vacancy-section[data-v-5dfa7e3a] {
  margin-top: 1.25rem;
  padding: 1.25rem;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  background: #ffffff;
}
.vacancy-section--setup[data-v-5dfa7e3a] {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.vacancy-section--editor[data-v-5dfa7e3a] {
  padding-bottom: 1rem;
}
.vacancy-section-header[data-v-5dfa7e3a] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.vacancy-section-header--inline[data-v-5dfa7e3a] {
  align-items: center;
}
.vacancy-section-title[data-v-5dfa7e3a] {
  font-size: 1rem;
  font-weight: 700;
  color: #1f2937;
}
.vacancy-grid[data-v-5dfa7e3a] {
  row-gap: 0.95rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.remote-checkbox[data-v-5dfa7e3a] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #374151;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.remote-checkbox input[data-v-5dfa7e3a] {
  width: 1rem;
  height: 1rem;
  accent-color: var(--oxd-primary-one-color);
}
.editor-counter[data-v-5dfa7e3a] {
  margin-top: 0.2rem;
  color: #94a3b8;
  font-size: 0.8rem;
  white-space: nowrap;
}
.editor-box[data-v-5dfa7e3a] {
  border: 1px solid #d7dce5;
  border-radius: 0.85rem;
  overflow: hidden;
  background: #ffffff;
  padding: 0px;
}
.editor-box[data-v-5dfa7e3a] .ql-toolbar {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background: #f8fafc;
}
.editor-box[data-v-5dfa7e3a] .ql-container {
  min-height: 180px;
  max-height: 260px;
  overflow-y: auto;
  border: 0;
}
.vacancy-empty-state[data-v-5dfa7e3a] {
  border-style: dashed;
  background: #f8fafc;
  text-align: center;
}
.vacancy-form-actions[data-v-5dfa7e3a] {
  position: sticky;
  bottom: 0;
  z-index: 5;
  margin: 1.5rem -1.5rem -1.5rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #e5e7eb;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
}
.editor-box[data-v-5dfa7e3a] .text-editor {
  padding: 0px;
  margin-bottom: 5px;
}
.vacancy-action-buttons[data-v-5dfa7e3a] {
  display: flex;
  gap: 0.75rem;
  margin-left: auto;
}
@media (max-width: 768px) {
.vacancy-page[data-v-5dfa7e3a] {
    padding: 0.75rem;
}
.vacancy-card[data-v-5dfa7e3a] {
    padding: 1rem;
}
.vacancy-header[data-v-5dfa7e3a],
  .vacancy-section-header[data-v-5dfa7e3a],
  .vacancy-section-header--inline[data-v-5dfa7e3a] {
    flex-direction: column;
}
.vacancy-form-actions[data-v-5dfa7e3a] {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: -1rem;
}
.vacancy-action-buttons[data-v-5dfa7e3a] {
    width: 100%;
    justify-content: flex-end;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-785fd36c] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-785fd36c] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-785fd36c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-785fd36c] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-785fd36c] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-785fd36c] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-785fd36c] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-785fd36c] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-785fd36c] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-785fd36c]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-785fd36c] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-785fd36c] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-785fd36c] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-785fd36c] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-785fd36c] {
  background-image: none !important;
}
.oxd-text--h5[data-v-785fd36c] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-785fd36c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-785fd36c] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-785fd36c] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-785fd36c] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-785fd36c] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-785fd36c],
.orangehrm-dialog-header-container[data-v-785fd36c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-785fd36c],
.orangehrm-dialog-header-container .oxd-button[data-v-785fd36c] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-785fd36c] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-785fd36c] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-785fd36c] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-785fd36c] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-785fd36c] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-785fd36c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-785fd36c] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-785fd36c] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-785fd36c] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-785fd36c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-785fd36c] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-785fd36c] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-785fd36c] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-785fd36c] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-785fd36c] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-785fd36c] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-785fd36c] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-785fd36c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-785fd36c] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-785fd36c] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-785fd36c] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-785fd36c] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-785fd36c] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-785fd36c] {
  color: #38455d;
}
.orangehrm-form-action[data-v-785fd36c] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-785fd36c] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-785fd36c] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-785fd36c] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-785fd36c] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-785fd36c] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.title-container[data-v-785fd36c] {
  margin-bottom: 16px;
}
.user-form-header[data-v-785fd36c] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-785fd36c] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-785fd36c] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-785fd36c] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-785fd36c] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-785fd36c] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-785fd36c] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-785fd36c] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-785fd36c] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-785fd36c] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-785fd36c] {
  grid-column: span 2;
}
.orangehrm-text[data-v-785fd36c] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-text-label[data-v-785fd36c] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-785fd36c] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-785fd36c] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-785fd36c] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #e8eaef;
}
.vacancy-page[data-v-785fd36c] {
  padding: unset;
}
.vacancy-card[data-v-785fd36c] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}
.vacancy-header[data-v-785fd36c] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.vacancy-page-title[data-v-785fd36c] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1f2937;
}
.vacancy-page-subtitle[data-v-785fd36c],
.vacancy-section-description[data-v-785fd36c] {
  margin: 0.35rem 0 0;
  color: #64728c;
  font-size: 0.875rem;
  line-height: 1.4;
}
.vacancy-required-pill[data-v-785fd36c] {
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  background: #fff7ed;
  color: #c2410c;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
}
.vacancy-content[data-v-785fd36c] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.vacancy-section[data-v-785fd36c] {
  margin-top: 1.25rem;
  padding: 1.25rem;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  background: #ffffff;
}
.vacancy-section--setup[data-v-785fd36c] {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.vacancy-section--editor[data-v-785fd36c] {
  padding-bottom: 1rem;
}
.vacancy-section-header[data-v-785fd36c] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.vacancy-section-header--inline[data-v-785fd36c] {
  align-items: center;
}
.vacancy-section-title[data-v-785fd36c] {
  font-size: 1rem;
  font-weight: 700;
  color: #1f2937;
}
.vacancy-grid[data-v-785fd36c] {
  row-gap: 0.95rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.remote-checkbox[data-v-785fd36c] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #374151;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.remote-checkbox input[data-v-785fd36c] {
  width: 1rem;
  height: 1rem;
  accent-color: var(--oxd-primary-one-color);
}
.editor-counter[data-v-785fd36c] {
  margin-top: 0.2rem;
  color: #94a3b8;
  font-size: 0.8rem;
  white-space: nowrap;
}
.editor-box[data-v-785fd36c] {
  border: 1px solid #d7dce5;
  border-radius: 0.85rem;
  overflow: hidden;
  background: #ffffff;
  padding: 0px;
}
.editor-box[data-v-785fd36c] .ql-toolbar {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background: #f8fafc;
}
.editor-box[data-v-785fd36c] .ql-container {
  min-height: 180px;
  max-height: 260px;
  overflow-y: auto;
  border: 0;
}
.vacancy-empty-state[data-v-785fd36c] {
  border-style: dashed;
  background: #f8fafc;
  text-align: center;
}
.vacancy-form-actions[data-v-785fd36c] {
  position: sticky;
  bottom: 0;
  z-index: 5;
  margin: 1.5rem -1.5rem -1.5rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #e5e7eb;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
}
.editor-box[data-v-785fd36c] .text-editor {
  padding: 0px;
  margin-bottom: 5px;
}
.vacancy-action-buttons[data-v-785fd36c] {
  display: flex;
  gap: 0.75rem;
  margin-left: auto;
}
@media (max-width: 768px) {
.vacancy-page[data-v-785fd36c] {
    padding: 0.75rem;
}
.vacancy-card[data-v-785fd36c] {
    padding: 1rem;
}
.vacancy-header[data-v-785fd36c],
  .vacancy-section-header[data-v-785fd36c],
  .vacancy-section-header--inline[data-v-785fd36c] {
    flex-direction: column;
}
.vacancy-form-actions[data-v-785fd36c] {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: -1rem;
}
.vacancy-action-buttons[data-v-785fd36c] {
    width: 100%;
    justify-content: flex-end;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-daba02d0] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-daba02d0] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-daba02d0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-daba02d0] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-daba02d0] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-daba02d0] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-daba02d0] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-daba02d0] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-daba02d0] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-daba02d0]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-daba02d0] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-daba02d0] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-daba02d0] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-daba02d0] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-daba02d0] {
  background-image: none !important;
}
.oxd-text--h5[data-v-daba02d0] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-daba02d0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-daba02d0] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-daba02d0] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-daba02d0] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-daba02d0] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-daba02d0],
.orangehrm-dialog-header-container[data-v-daba02d0] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-daba02d0],
.orangehrm-dialog-header-container .oxd-button[data-v-daba02d0] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-daba02d0] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-daba02d0] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-daba02d0] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-daba02d0] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-daba02d0] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-daba02d0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-daba02d0] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-daba02d0] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-daba02d0] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-daba02d0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-daba02d0] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-daba02d0] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-daba02d0] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-daba02d0] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-daba02d0] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-daba02d0] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-daba02d0] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-daba02d0] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-daba02d0] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-daba02d0] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-daba02d0] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-daba02d0] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-daba02d0] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-daba02d0] {
  color: #38455d;
}
.orangehrm-form-action[data-v-daba02d0] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-daba02d0] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-daba02d0] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-daba02d0] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-daba02d0] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-daba02d0] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-label-link-wrapper[data-v-daba02d0] {
  display: flex;
  flex-wrap: wrap;
}
.orangehrm-label-link-wrapper[data-v-daba02d0]:first-of-type {
  margin-bottom: 0.25rem;
}
.orangehrm-text-label[data-v-daba02d0] {
  font-size: 12px;
  font-weight: 600;
  padding-right: 0.2rem;
  color: #64728c;
}
.orangehrm-vacancy-link[data-v-daba02d0] {
  font-size: 12px;
  font-weight: 600;
  margin-left: 1rem;
  text-decoration: none;
  word-break: break-all;
  font-family: "Nunito Sans";
  color: var(--oxd-primary-one-color);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6f04c618] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6f04c618] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6f04c618] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6f04c618] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6f04c618] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6f04c618] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6f04c618] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6f04c618] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6f04c618] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6f04c618]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6f04c618] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6f04c618] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6f04c618] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6f04c618] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6f04c618] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6f04c618] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6f04c618] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6f04c618] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6f04c618] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6f04c618] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6f04c618] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6f04c618],
.orangehrm-dialog-header-container[data-v-6f04c618] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6f04c618],
.orangehrm-dialog-header-container .oxd-button[data-v-6f04c618] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6f04c618] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6f04c618] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6f04c618] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6f04c618] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6f04c618] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6f04c618] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6f04c618] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6f04c618] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6f04c618] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6f04c618] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6f04c618] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6f04c618] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6f04c618] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6f04c618] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6f04c618] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6f04c618] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6f04c618] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6f04c618] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6f04c618] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6f04c618] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6f04c618] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6f04c618] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6f04c618] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6f04c618] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6f04c618] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6f04c618] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6f04c618] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6f04c618] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6f04c618] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6f04c618] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.title-container[data-v-6f04c618] {
  margin-bottom: 16px;
}
.user-form-header[data-v-6f04c618] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-6f04c618] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-6f04c618] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-6f04c618] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-6f04c618] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-6f04c618] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-6f04c618] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-6f04c618] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-6f04c618] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-6f04c618] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-6f04c618] {
  grid-column: span 2;
}
.orangehrm-text[data-v-6f04c618] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-text-label[data-v-6f04c618] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-6f04c618] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-6f04c618] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-6f04c618] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #e8eaef;
}
.vacancy-page[data-v-6f04c618] {
  padding: unset;
}
.vacancy-card[data-v-6f04c618] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}
.vacancy-header[data-v-6f04c618] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.vacancy-page-title[data-v-6f04c618] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1f2937;
}
.vacancy-page-subtitle[data-v-6f04c618],
.vacancy-section-description[data-v-6f04c618] {
  margin: 0.35rem 0 0;
  color: #64728c;
  font-size: 0.875rem;
  line-height: 1.4;
}
.vacancy-required-pill[data-v-6f04c618] {
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  background: #fff7ed;
  color: #c2410c;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
}
.vacancy-content[data-v-6f04c618] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.vacancy-section[data-v-6f04c618] {
  margin-top: 1.25rem;
  padding: 1.25rem;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  background: #ffffff;
}
.vacancy-section--setup[data-v-6f04c618] {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.vacancy-section--editor[data-v-6f04c618] {
  padding-bottom: 1rem;
}
.vacancy-section-header[data-v-6f04c618] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.vacancy-section-header--inline[data-v-6f04c618] {
  align-items: center;
}
.vacancy-section-title[data-v-6f04c618] {
  font-size: 1rem;
  font-weight: 700;
  color: #1f2937;
}
.vacancy-grid[data-v-6f04c618] {
  row-gap: 0.95rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.remote-checkbox[data-v-6f04c618] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #374151;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.remote-checkbox input[data-v-6f04c618] {
  width: 1rem;
  height: 1rem;
  accent-color: var(--oxd-primary-one-color);
}
.editor-counter[data-v-6f04c618] {
  margin-top: 0.2rem;
  color: #94a3b8;
  font-size: 0.8rem;
  white-space: nowrap;
}
.editor-box[data-v-6f04c618] {
  border: 1px solid #d7dce5;
  border-radius: 0.85rem;
  overflow: hidden;
  background: #ffffff;
  padding: 0px;
}
.editor-box[data-v-6f04c618] .ql-toolbar {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background: #f8fafc;
}
.editor-box[data-v-6f04c618] .ql-container {
  min-height: 180px;
  max-height: 260px;
  overflow-y: auto;
  border: 0;
}
.vacancy-empty-state[data-v-6f04c618] {
  border-style: dashed;
  background: #f8fafc;
  text-align: center;
}
.vacancy-form-actions[data-v-6f04c618] {
  position: sticky;
  bottom: 0;
  z-index: 5;
  margin: 1.5rem -1.5rem -1.5rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #e5e7eb;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
}
.editor-box[data-v-6f04c618] .text-editor {
  padding: 0px;
  margin-bottom: 5px;
}
.vacancy-action-buttons[data-v-6f04c618] {
  display: flex;
  gap: 0.75rem;
  margin-left: auto;
}
@media (max-width: 768px) {
.vacancy-page[data-v-6f04c618] {
    padding: 0.75rem;
}
.vacancy-card[data-v-6f04c618] {
    padding: 1rem;
}
.vacancy-header[data-v-6f04c618],
  .vacancy-section-header[data-v-6f04c618],
  .vacancy-section-header--inline[data-v-6f04c618] {
    flex-direction: column;
}
.vacancy-form-actions[data-v-6f04c618] {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: -1rem;
}
.vacancy-action-buttons[data-v-6f04c618] {
    width: 100%;
    justify-content: flex-end;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-35ae5cdf] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-35ae5cdf] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-35ae5cdf] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-35ae5cdf] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-35ae5cdf] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-35ae5cdf] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-35ae5cdf] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-35ae5cdf] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-35ae5cdf] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-35ae5cdf]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-35ae5cdf] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-35ae5cdf] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-35ae5cdf] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-35ae5cdf] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-35ae5cdf] {
  background-image: none !important;
}
.oxd-text--h5[data-v-35ae5cdf] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-35ae5cdf] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-35ae5cdf] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-35ae5cdf] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-35ae5cdf] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-35ae5cdf] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-35ae5cdf],
.orangehrm-dialog-header-container[data-v-35ae5cdf] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-35ae5cdf],
.orangehrm-dialog-header-container .oxd-button[data-v-35ae5cdf] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-35ae5cdf] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-35ae5cdf] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-35ae5cdf] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-35ae5cdf] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-35ae5cdf] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-35ae5cdf] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-35ae5cdf] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-35ae5cdf] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-35ae5cdf] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-35ae5cdf] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-35ae5cdf] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-35ae5cdf] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-35ae5cdf] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-35ae5cdf] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-35ae5cdf] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-35ae5cdf] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-35ae5cdf] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-35ae5cdf] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-35ae5cdf] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-35ae5cdf] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-35ae5cdf] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-35ae5cdf] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-35ae5cdf] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-35ae5cdf] {
  color: #38455d;
}
.orangehrm-form-action[data-v-35ae5cdf] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-35ae5cdf] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-35ae5cdf] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-35ae5cdf] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-35ae5cdf] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-35ae5cdf] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.title-container[data-v-35ae5cdf] {
  margin-bottom: 16px;
}
.user-form-header[data-v-35ae5cdf] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-35ae5cdf] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-35ae5cdf] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-35ae5cdf] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-35ae5cdf] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-35ae5cdf] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-35ae5cdf] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-35ae5cdf] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-35ae5cdf] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-35ae5cdf] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-35ae5cdf] {
  grid-column: span 2;
}
.orangehrm-text[data-v-35ae5cdf] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-text-label[data-v-35ae5cdf] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-35ae5cdf] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-35ae5cdf] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-35ae5cdf] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #e8eaef;
}
.vacancy-page[data-v-35ae5cdf] {
  padding: unset;
}
.vacancy-card[data-v-35ae5cdf] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}
.vacancy-header[data-v-35ae5cdf] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.vacancy-page-title[data-v-35ae5cdf] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1f2937;
}
.vacancy-page-subtitle[data-v-35ae5cdf],
.vacancy-section-description[data-v-35ae5cdf] {
  margin: 0.35rem 0 0;
  color: #64728c;
  font-size: 0.875rem;
  line-height: 1.4;
}
.vacancy-required-pill[data-v-35ae5cdf] {
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  background: #fff7ed;
  color: #c2410c;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
}
.vacancy-content[data-v-35ae5cdf] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.vacancy-section[data-v-35ae5cdf] {
  margin-top: 1.25rem;
  padding: 1.25rem;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  background: #ffffff;
}
.vacancy-section--setup[data-v-35ae5cdf] {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.vacancy-section--editor[data-v-35ae5cdf] {
  padding-bottom: 1rem;
}
.vacancy-section-header[data-v-35ae5cdf] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.vacancy-section-header--inline[data-v-35ae5cdf] {
  align-items: center;
}
.vacancy-section-title[data-v-35ae5cdf] {
  font-size: 1rem;
  font-weight: 700;
  color: #1f2937;
}
.vacancy-grid[data-v-35ae5cdf] {
  row-gap: 0.95rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.remote-checkbox[data-v-35ae5cdf] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #374151;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.remote-checkbox input[data-v-35ae5cdf] {
  width: 1rem;
  height: 1rem;
  accent-color: var(--oxd-primary-one-color);
}
.editor-counter[data-v-35ae5cdf] {
  margin-top: 0.2rem;
  color: #94a3b8;
  font-size: 0.8rem;
  white-space: nowrap;
}
.editor-box[data-v-35ae5cdf] {
  border: 1px solid #d7dce5;
  border-radius: 0.85rem;
  overflow: hidden;
  background: #ffffff;
  padding: 0px;
}
.editor-box[data-v-35ae5cdf] .ql-toolbar {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background: #f8fafc;
}
.editor-box[data-v-35ae5cdf] .ql-container {
  min-height: 180px;
  max-height: 260px;
  overflow-y: auto;
  border: 0;
}
.vacancy-empty-state[data-v-35ae5cdf] {
  border-style: dashed;
  background: #f8fafc;
  text-align: center;
}
.vacancy-form-actions[data-v-35ae5cdf] {
  position: sticky;
  bottom: 0;
  z-index: 5;
  margin: 1.5rem -1.5rem -1.5rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #e5e7eb;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
}
.editor-box[data-v-35ae5cdf] .text-editor {
  padding: 0px;
  margin-bottom: 5px;
}
.vacancy-action-buttons[data-v-35ae5cdf] {
  display: flex;
  gap: 0.75rem;
  margin-left: auto;
}
@media (max-width: 768px) {
.vacancy-page[data-v-35ae5cdf] {
    padding: 0.75rem;
}
.vacancy-card[data-v-35ae5cdf] {
    padding: 1rem;
}
.vacancy-header[data-v-35ae5cdf],
  .vacancy-section-header[data-v-35ae5cdf],
  .vacancy-section-header--inline[data-v-35ae5cdf] {
    flex-direction: column;
}
.vacancy-form-actions[data-v-35ae5cdf] {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: -1rem;
}
.vacancy-action-buttons[data-v-35ae5cdf] {
    width: 100%;
    justify-content: flex-end;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2f4a5c49] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2f4a5c49] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2f4a5c49] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2f4a5c49] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2f4a5c49] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2f4a5c49] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2f4a5c49] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2f4a5c49] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2f4a5c49] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2f4a5c49]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2f4a5c49] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2f4a5c49] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2f4a5c49] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2f4a5c49] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2f4a5c49] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2f4a5c49] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2f4a5c49] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2f4a5c49] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2f4a5c49] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2f4a5c49] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2f4a5c49] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2f4a5c49],
.orangehrm-dialog-header-container[data-v-2f4a5c49] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2f4a5c49],
.orangehrm-dialog-header-container .oxd-button[data-v-2f4a5c49] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2f4a5c49] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2f4a5c49] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2f4a5c49] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2f4a5c49] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2f4a5c49] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2f4a5c49] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2f4a5c49] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2f4a5c49] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2f4a5c49] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2f4a5c49] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2f4a5c49] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2f4a5c49] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2f4a5c49] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2f4a5c49] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2f4a5c49] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2f4a5c49] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2f4a5c49] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2f4a5c49] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2f4a5c49] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2f4a5c49] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2f4a5c49] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2f4a5c49] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2f4a5c49] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2f4a5c49] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2f4a5c49] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2f4a5c49] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2f4a5c49] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2f4a5c49] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2f4a5c49] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2f4a5c49] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-recruitment-interviewer-input[data-v-2f4a5c49] {
  display: flex;
  align-items: flex-start;
}
.orangehrm-recruitment-interviewer-input[data-v-2f4a5c49] .oxd-input-group__label-wrapper:empty {
  display: none;
}
.orangehrm-recruitment-delete-icon[data-v-2f4a5c49] {
  margin-left: 1rem;
  margin-top: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-f8c2fcc2] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-f8c2fcc2] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-f8c2fcc2] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-f8c2fcc2] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-f8c2fcc2] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-f8c2fcc2] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-f8c2fcc2] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-f8c2fcc2] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-f8c2fcc2] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-f8c2fcc2]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-f8c2fcc2] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-f8c2fcc2] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-f8c2fcc2] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-f8c2fcc2] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-f8c2fcc2] {
  background-image: none !important;
}
.oxd-text--h5[data-v-f8c2fcc2] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-f8c2fcc2] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-f8c2fcc2] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-f8c2fcc2] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-f8c2fcc2] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-f8c2fcc2] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-f8c2fcc2],
.orangehrm-dialog-header-container[data-v-f8c2fcc2] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-f8c2fcc2],
.orangehrm-dialog-header-container .oxd-button[data-v-f8c2fcc2] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-f8c2fcc2] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-f8c2fcc2] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-f8c2fcc2] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-f8c2fcc2] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-f8c2fcc2] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-f8c2fcc2] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-f8c2fcc2] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-f8c2fcc2] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-f8c2fcc2] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-f8c2fcc2] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-f8c2fcc2] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-f8c2fcc2] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-f8c2fcc2] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-f8c2fcc2] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-f8c2fcc2] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-f8c2fcc2] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-f8c2fcc2] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-f8c2fcc2] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-f8c2fcc2] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-f8c2fcc2] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-f8c2fcc2] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-f8c2fcc2] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-f8c2fcc2] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-f8c2fcc2] {
  color: #38455d;
}
.orangehrm-form-action[data-v-f8c2fcc2] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-f8c2fcc2] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-f8c2fcc2] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-f8c2fcc2] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-f8c2fcc2] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-f8c2fcc2] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-save-candidate-page-full-width[data-v-f8c2fcc2] {
  grid-column: 1/span 2;
}
.orangehrm-save-candidate-page-grid-checkbox .oxd-input-group[data-v-f8c2fcc2] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}

.past-employee-tag[data-v-0fa9589e] {
  margin-left: auto;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-73067c41] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-73067c41] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-73067c41] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-73067c41] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-73067c41] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-73067c41] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-73067c41] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-73067c41] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-73067c41] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-73067c41]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-73067c41] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-73067c41] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-73067c41] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-73067c41] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-73067c41] {
  background-image: none !important;
}
.oxd-text--h5[data-v-73067c41] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-73067c41] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-73067c41] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-73067c41] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-73067c41] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-73067c41] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-73067c41],
.orangehrm-dialog-header-container[data-v-73067c41] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-73067c41],
.orangehrm-dialog-header-container .oxd-button[data-v-73067c41] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-73067c41] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-73067c41] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-73067c41] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-73067c41] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-73067c41] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-73067c41] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-73067c41] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-73067c41] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-73067c41] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-73067c41] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-73067c41] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-73067c41] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-73067c41] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-73067c41] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-73067c41] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-73067c41] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-73067c41] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-73067c41] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-73067c41] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-73067c41] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-73067c41] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-73067c41] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-73067c41] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-73067c41] {
  color: #38455d;
}
.orangehrm-form-action[data-v-73067c41] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-73067c41] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-73067c41] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-73067c41] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-73067c41] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-73067c41] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-recruitment[data-v-73067c41] {
  display: flex;
  justify-content: space-between;
}
.orangehrm-recruitment-actions[data-v-73067c41] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  max-width: 120px;
  margin-left: 60px;
  justify-content: flex-end;
}
.orangehrm-recruitment-actions[data-v-73067c41] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-recruitment-actions[data-v-73067c41] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-recruitment-actions[data-v-73067c41] .oxd-button--medium {
    width: unset;
}
}
[data-v-73067c41] .oxd-input-group {
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
[data-v-73067c41] .oxd-input-group {
    margin-bottom: 0;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5a8e0a3a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5a8e0a3a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5a8e0a3a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5a8e0a3a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5a8e0a3a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5a8e0a3a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5a8e0a3a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5a8e0a3a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5a8e0a3a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5a8e0a3a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5a8e0a3a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5a8e0a3a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5a8e0a3a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5a8e0a3a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5a8e0a3a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5a8e0a3a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5a8e0a3a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5a8e0a3a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5a8e0a3a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5a8e0a3a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5a8e0a3a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5a8e0a3a],
.orangehrm-dialog-header-container[data-v-5a8e0a3a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5a8e0a3a],
.orangehrm-dialog-header-container .oxd-button[data-v-5a8e0a3a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5a8e0a3a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5a8e0a3a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5a8e0a3a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5a8e0a3a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5a8e0a3a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5a8e0a3a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5a8e0a3a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5a8e0a3a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5a8e0a3a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5a8e0a3a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5a8e0a3a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5a8e0a3a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5a8e0a3a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5a8e0a3a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5a8e0a3a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5a8e0a3a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5a8e0a3a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5a8e0a3a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5a8e0a3a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5a8e0a3a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5a8e0a3a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5a8e0a3a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5a8e0a3a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5a8e0a3a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5a8e0a3a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5a8e0a3a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5a8e0a3a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5a8e0a3a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5a8e0a3a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5a8e0a3a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-header-container[data-v-5a8e0a3a] {
  padding: 0;
}
.orangehrm-candidate-grid-checkbox .oxd-input-group[data-v-5a8e0a3a] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-e5da8752] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-e5da8752] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-e5da8752] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-e5da8752] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-e5da8752] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-e5da8752] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-e5da8752] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-e5da8752] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-e5da8752] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-e5da8752]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-e5da8752] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-e5da8752] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-e5da8752] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-e5da8752] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-e5da8752] {
  background-image: none !important;
}
.oxd-text--h5[data-v-e5da8752] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-e5da8752] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-e5da8752] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-e5da8752] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-e5da8752] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-e5da8752] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-e5da8752],
.orangehrm-dialog-header-container[data-v-e5da8752] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-e5da8752],
.orangehrm-dialog-header-container .oxd-button[data-v-e5da8752] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-e5da8752] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-e5da8752] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-e5da8752] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-e5da8752] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-e5da8752] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-e5da8752] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-e5da8752] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-e5da8752] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-e5da8752] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-e5da8752] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-e5da8752] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-e5da8752] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-e5da8752] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-e5da8752] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-e5da8752] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-e5da8752] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-e5da8752] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-e5da8752] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-e5da8752] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-e5da8752] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-e5da8752] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-e5da8752] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-e5da8752] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-e5da8752] {
  color: #38455d;
}
.orangehrm-form-action[data-v-e5da8752] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-e5da8752] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-e5da8752] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-e5da8752] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-e5da8752] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-e5da8752] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-container[data-v-e5da8752] {
  padding: 1.2rem 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-96454104] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-96454104] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-96454104] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-96454104] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-96454104] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-96454104] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-96454104] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-96454104] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-96454104] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-96454104]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-96454104] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-96454104] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-96454104] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-96454104] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-96454104] {
  background-image: none !important;
}
.oxd-text--h5[data-v-96454104] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-96454104] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-96454104] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-96454104] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-96454104] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-96454104] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-96454104],
.orangehrm-dialog-header-container[data-v-96454104] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-96454104],
.orangehrm-dialog-header-container .oxd-button[data-v-96454104] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-96454104] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-96454104] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-96454104] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-96454104] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-96454104] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-96454104] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-96454104] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-96454104] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-96454104] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-96454104] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-96454104] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-96454104] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-96454104] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-96454104] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-96454104] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-96454104] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-96454104] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-96454104] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-96454104] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-96454104] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-96454104] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-96454104] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-96454104] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-96454104] {
  color: #38455d;
}
.orangehrm-form-action[data-v-96454104] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-96454104] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-96454104] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-96454104] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-96454104] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-96454104] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-background-container[data-v-96454104] {
  height: 80%;
}
.orangehrm-vacancy-description[data-v-96454104] {
  font-size: 12px;
  font-weight: 700;
}
.orangehrm-applicant-card-pre-tag[data-v-96454104] {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: "Nunito Sans";
}
.orangehrm-applicant-card-footer[data-v-96454104] {
  display: flex;
  justify-content: left;
}
.orangehrm-applicant-card-anchor-tag[data-v-96454104] {
  cursor: pointer;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-applicant-container[data-v-96454104] {
  width: 100%;
  display: block;
}
.orangehrm-applicant-container-row[data-v-96454104] {
  width: inherit;
}
.orangehrm-applicant-container-colspan-2[data-v-96454104] {
  grid-column: 1/span 2;
}
.orangehrm-applicant-container-grid-checkbox .oxd-input-group[data-v-96454104] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.orangehrm-container[data-v-96454104] {
  height: 100%;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
  overflow: auto;
  position: relative;
  margin: 0;
}
.orangehrm-container[data-v-96454104]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-96454104]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-96454104]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-96454104] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-96454104] {
  margin: 0 auto;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.orangehrm-container-img[data-v-96454104] {
  height: 40px;
}
.orangehrm-card-container[data-v-96454104] {
  width: 80%;
  margin: 1rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-card-container-header[data-v-96454104] {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
.orangehrm-card-container-header[data-v-96454104] {
    flex-direction: row;
}
}
.orangehrm-card-container-header .orangehrm-main-title[data-v-96454104] {
  word-break: break-word;
}
@media (min-width: 800px) {
.orangehrm-card-container-header .orangehrm-main-title[data-v-96454104] {
    align-self: center;
}
}
.orangehrm-paper-container[data-v-96454104] {
  width: 80%;
  background: unset;
  margin: 0rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-vacancy-card[data-v-96454104] {
  display: block;
}
.orangehrm-vacancy-card-header[data-v-96454104] {
  display: flex;
  align-items: center;
  word-break: break-word;
  justify-content: space-between;
}
.orangehrm-vacancy-card-header button[data-v-96454104] {
  flex-shrink: 0;
}
.orangehrm-vacancy-card-anchor-tag[data-v-96454104] {
  cursor: pointer;
  font-weight: 600;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
  font-size: 12px;
}
.orangehrm-vacancy-card-body[data-v-96454104] {
  position: relative;
  overflow: hidden;
  max-height: 60px;
  line-height: 15px;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-96454104]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 15px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 4) {
.orangehrm-vacancy-card-body[data-v-96454104] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-96454104]:after {
    display: none;
}
}
@media (min-width: 800px) {
.orangehrm-vacancy-card-body[data-v-96454104] {
    position: relative;
    overflow: hidden;
    max-height: 30px;
    line-height: 15px;
    justify-content: space-between;
    word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-96454104]:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: inherit;
    height: 15px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-vacancy-card-body[data-v-96454104] {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-96454104]:after {
      display: none;
}
}
}
.orangehrm-vacancy-card-pre-tag[data-v-96454104] {
  margin-top: 0;
  font-family: "Nunito Sans";
  white-space: pre-wrap;
  word-wrap: break-word;
}
.orangehrm-vacancy-card-footer[data-v-96454104] {
  display: flex;
  justify-content: left;
}
.orangehrm-vacancy-list-poweredby[data-v-96454104] {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.oxd-brand-banner[data-v-96454104] {
  flex: 1;
  height: 32px;
  margin-bottom: 8px;
}
@media (min-width: 800px) {
.oxd-brand-banner[data-v-96454104] {
    flex: 0;
    margin-bottom: 0;
}
}
.orangehrm-container[data-v-96454104] {
  padding: 0;
  height: 72vh;
}
@media (min-width: 800px) {
.orangehrm-container[data-v-96454104] {
    height: 75vh;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-ec5310dc] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-ec5310dc] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-ec5310dc] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-ec5310dc] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-ec5310dc] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-ec5310dc] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-ec5310dc] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-ec5310dc] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-ec5310dc] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-ec5310dc]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-ec5310dc] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-ec5310dc] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-ec5310dc] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-ec5310dc] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-ec5310dc] {
  background-image: none !important;
}
.oxd-text--h5[data-v-ec5310dc] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-ec5310dc] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-ec5310dc] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-ec5310dc] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-ec5310dc] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-ec5310dc] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-ec5310dc],
.orangehrm-dialog-header-container[data-v-ec5310dc] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-ec5310dc],
.orangehrm-dialog-header-container .oxd-button[data-v-ec5310dc] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-ec5310dc] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-ec5310dc] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-ec5310dc] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-ec5310dc] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-ec5310dc] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-ec5310dc] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-ec5310dc] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-ec5310dc] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-ec5310dc] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-ec5310dc] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-ec5310dc] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-ec5310dc] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-ec5310dc] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-ec5310dc] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-ec5310dc] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-ec5310dc] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-ec5310dc] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-ec5310dc] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-ec5310dc] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-ec5310dc] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-ec5310dc] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-ec5310dc] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-ec5310dc] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-ec5310dc] {
  color: #38455d;
}
.orangehrm-form-action[data-v-ec5310dc] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-ec5310dc] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-ec5310dc] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-ec5310dc] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-ec5310dc] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-ec5310dc] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-background-container[data-v-ec5310dc] {
  height: 80%;
}
.orangehrm-vacancy-description[data-v-ec5310dc] {
  font-size: 12px;
  font-weight: 700;
}
.orangehrm-applicant-card-pre-tag[data-v-ec5310dc] {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: "Nunito Sans";
}
.orangehrm-applicant-card-footer[data-v-ec5310dc] {
  display: flex;
  justify-content: left;
}
.orangehrm-applicant-card-anchor-tag[data-v-ec5310dc] {
  cursor: pointer;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-applicant-container[data-v-ec5310dc] {
  width: 100%;
  display: block;
}
.orangehrm-applicant-container-row[data-v-ec5310dc] {
  width: inherit;
}
.orangehrm-applicant-container-colspan-2[data-v-ec5310dc] {
  grid-column: 1/span 2;
}
.orangehrm-applicant-container-grid-checkbox .oxd-input-group[data-v-ec5310dc] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.orangehrm-container[data-v-ec5310dc] {
  height: 100%;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
  overflow: auto;
  position: relative;
  margin: 0;
}
.orangehrm-container[data-v-ec5310dc]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-ec5310dc]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-ec5310dc]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-ec5310dc] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-ec5310dc] {
  margin: 0 auto;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.orangehrm-container-img[data-v-ec5310dc] {
  height: 40px;
}
.orangehrm-card-container[data-v-ec5310dc] {
  width: 80%;
  margin: 1rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-card-container-header[data-v-ec5310dc] {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
.orangehrm-card-container-header[data-v-ec5310dc] {
    flex-direction: row;
}
}
.orangehrm-card-container-header .orangehrm-main-title[data-v-ec5310dc] {
  word-break: break-word;
}
@media (min-width: 800px) {
.orangehrm-card-container-header .orangehrm-main-title[data-v-ec5310dc] {
    align-self: center;
}
}
.orangehrm-paper-container[data-v-ec5310dc] {
  width: 80%;
  background: unset;
  margin: 0rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-vacancy-card[data-v-ec5310dc] {
  display: block;
}
.orangehrm-vacancy-card-header[data-v-ec5310dc] {
  display: flex;
  align-items: center;
  word-break: break-word;
  justify-content: space-between;
}
.orangehrm-vacancy-card-header button[data-v-ec5310dc] {
  flex-shrink: 0;
}
.orangehrm-vacancy-card-anchor-tag[data-v-ec5310dc] {
  cursor: pointer;
  font-weight: 600;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
  font-size: 12px;
}
.orangehrm-vacancy-card-body[data-v-ec5310dc] {
  position: relative;
  overflow: hidden;
  max-height: 60px;
  line-height: 15px;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-ec5310dc]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 15px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 4) {
.orangehrm-vacancy-card-body[data-v-ec5310dc] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-ec5310dc]:after {
    display: none;
}
}
@media (min-width: 800px) {
.orangehrm-vacancy-card-body[data-v-ec5310dc] {
    position: relative;
    overflow: hidden;
    max-height: 30px;
    line-height: 15px;
    justify-content: space-between;
    word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-ec5310dc]:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: inherit;
    height: 15px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-vacancy-card-body[data-v-ec5310dc] {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-ec5310dc]:after {
      display: none;
}
}
}
.orangehrm-vacancy-card-pre-tag[data-v-ec5310dc] {
  margin-top: 0;
  font-family: "Nunito Sans";
  white-space: pre-wrap;
  word-wrap: break-word;
}
.orangehrm-vacancy-card-footer[data-v-ec5310dc] {
  display: flex;
  justify-content: left;
}
.orangehrm-vacancy-list-poweredby[data-v-ec5310dc] {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.oxd-brand-banner[data-v-ec5310dc] {
  flex: 1;
  height: 32px;
  margin-bottom: 8px;
}
@media (min-width: 800px) {
.oxd-brand-banner[data-v-ec5310dc] {
    flex: 0;
    margin-bottom: 0;
}
}
.orangehrm-container[data-v-ec5310dc] {
  padding: 0;
  height: 72vh;
}
@media (min-width: 800px) {
.orangehrm-container[data-v-ec5310dc] {
    height: 75vh;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-7627bc84] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-7627bc84] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-7627bc84] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-7627bc84] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-7627bc84] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-7627bc84] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-7627bc84] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-7627bc84] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-7627bc84] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-7627bc84]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-7627bc84] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-7627bc84] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-7627bc84] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-7627bc84] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-7627bc84] {
  background-image: none !important;
}
.oxd-text--h5[data-v-7627bc84] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-7627bc84] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-7627bc84] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-7627bc84] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-7627bc84] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-7627bc84] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-7627bc84],
.orangehrm-dialog-header-container[data-v-7627bc84] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-7627bc84],
.orangehrm-dialog-header-container .oxd-button[data-v-7627bc84] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-7627bc84] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-7627bc84] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-7627bc84] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-7627bc84] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-7627bc84] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-7627bc84] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-7627bc84] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-7627bc84] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-7627bc84] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-7627bc84] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-7627bc84] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-7627bc84] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-7627bc84] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-7627bc84] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-7627bc84] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-7627bc84] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-7627bc84] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-7627bc84] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-7627bc84] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-7627bc84] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-7627bc84] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-7627bc84] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-7627bc84] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-7627bc84] {
  color: #38455d;
}
.orangehrm-form-action[data-v-7627bc84] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-7627bc84] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-7627bc84] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-7627bc84] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-7627bc84] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-7627bc84] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-modal-header[data-v-7627bc84] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-7627bc84] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-7627bc84] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-7627bc84] {
  text-align: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-98b9ec36] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-98b9ec36] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-98b9ec36] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-98b9ec36] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-98b9ec36] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-98b9ec36] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-98b9ec36] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-98b9ec36] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-98b9ec36] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-98b9ec36]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-98b9ec36] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-98b9ec36] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-98b9ec36] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-98b9ec36] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-98b9ec36] {
  background-image: none !important;
}
.oxd-text--h5[data-v-98b9ec36] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-98b9ec36] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-98b9ec36] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-98b9ec36] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-98b9ec36] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-98b9ec36] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-98b9ec36],
.orangehrm-dialog-header-container[data-v-98b9ec36] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-98b9ec36],
.orangehrm-dialog-header-container .oxd-button[data-v-98b9ec36] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-98b9ec36] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-98b9ec36] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-98b9ec36] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-98b9ec36] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-98b9ec36] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-98b9ec36] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-98b9ec36] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-98b9ec36] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-98b9ec36] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-98b9ec36] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-98b9ec36] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-98b9ec36] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-98b9ec36] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-98b9ec36] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-98b9ec36] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-98b9ec36] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-98b9ec36] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-98b9ec36] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-98b9ec36] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-98b9ec36] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-98b9ec36] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-98b9ec36] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-98b9ec36] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-98b9ec36] {
  color: #38455d;
}
.orangehrm-form-action[data-v-98b9ec36] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-98b9ec36] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-98b9ec36] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-98b9ec36] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-98b9ec36] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-98b9ec36] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-background-container[data-v-98b9ec36] {
  height: 80%;
}
.orangehrm-vacancy-description[data-v-98b9ec36] {
  font-size: 12px;
  font-weight: 700;
}
.orangehrm-applicant-card-pre-tag[data-v-98b9ec36] {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: "Nunito Sans";
}
.orangehrm-applicant-card-footer[data-v-98b9ec36] {
  display: flex;
  justify-content: left;
}
.orangehrm-applicant-card-anchor-tag[data-v-98b9ec36] {
  cursor: pointer;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-applicant-container[data-v-98b9ec36] {
  width: 100%;
  display: block;
}
.orangehrm-applicant-container-row[data-v-98b9ec36] {
  width: inherit;
}
.orangehrm-applicant-container-colspan-2[data-v-98b9ec36] {
  grid-column: 1/span 2;
}
.orangehrm-applicant-container-grid-checkbox .oxd-input-group[data-v-98b9ec36] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.orangehrm-container[data-v-98b9ec36] {
  height: 100%;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
  overflow: auto;
  position: relative;
  margin: 0;
}
.orangehrm-container[data-v-98b9ec36]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-98b9ec36]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-98b9ec36]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-98b9ec36] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-98b9ec36] {
  margin: 0 auto;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.orangehrm-container-img[data-v-98b9ec36] {
  height: 40px;
}
.orangehrm-card-container[data-v-98b9ec36] {
  width: 80%;
  margin: 1rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-card-container-header[data-v-98b9ec36] {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
.orangehrm-card-container-header[data-v-98b9ec36] {
    flex-direction: row;
}
}
.orangehrm-card-container-header .orangehrm-main-title[data-v-98b9ec36] {
  word-break: break-word;
}
@media (min-width: 800px) {
.orangehrm-card-container-header .orangehrm-main-title[data-v-98b9ec36] {
    align-self: center;
}
}
.orangehrm-paper-container[data-v-98b9ec36] {
  width: 80%;
  background: unset;
  margin: 0rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-vacancy-card[data-v-98b9ec36] {
  display: block;
}
.orangehrm-vacancy-card-header[data-v-98b9ec36] {
  display: flex;
  align-items: center;
  word-break: break-word;
  justify-content: space-between;
}
.orangehrm-vacancy-card-header button[data-v-98b9ec36] {
  flex-shrink: 0;
}
.orangehrm-vacancy-card-anchor-tag[data-v-98b9ec36] {
  cursor: pointer;
  font-weight: 600;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
  font-size: 12px;
}
.orangehrm-vacancy-card-body[data-v-98b9ec36] {
  position: relative;
  overflow: hidden;
  max-height: 60px;
  line-height: 15px;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-98b9ec36]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 15px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 4) {
.orangehrm-vacancy-card-body[data-v-98b9ec36] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-98b9ec36]:after {
    display: none;
}
}
@media (min-width: 800px) {
.orangehrm-vacancy-card-body[data-v-98b9ec36] {
    position: relative;
    overflow: hidden;
    max-height: 30px;
    line-height: 15px;
    justify-content: space-between;
    word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-98b9ec36]:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: inherit;
    height: 15px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-vacancy-card-body[data-v-98b9ec36] {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-98b9ec36]:after {
      display: none;
}
}
}
.orangehrm-vacancy-card-pre-tag[data-v-98b9ec36] {
  margin-top: 0;
  font-family: "Nunito Sans";
  white-space: pre-wrap;
  word-wrap: break-word;
}
.orangehrm-vacancy-card-footer[data-v-98b9ec36] {
  display: flex;
  justify-content: left;
}
.orangehrm-vacancy-list-poweredby[data-v-98b9ec36] {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.oxd-brand-banner[data-v-98b9ec36] {
  flex: 1;
  height: 32px;
  margin-bottom: 8px;
}
@media (min-width: 800px) {
.oxd-brand-banner[data-v-98b9ec36] {
    flex: 0;
    margin-bottom: 0;
}
}
.orangehrm-container[data-v-98b9ec36] {
  padding: 0;
  height: 72vh;
}
@media (min-width: 800px) {
.orangehrm-container[data-v-98b9ec36] {
    height: 75vh;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-563f83aa] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-563f83aa] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-563f83aa] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-563f83aa] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-563f83aa] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-563f83aa] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-563f83aa] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-563f83aa] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-563f83aa] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-563f83aa]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-563f83aa] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-563f83aa] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-563f83aa] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-563f83aa] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-563f83aa] {
  background-image: none !important;
}
.oxd-text--h5[data-v-563f83aa] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-563f83aa] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-563f83aa] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-563f83aa] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-563f83aa] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-563f83aa] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-563f83aa],
.orangehrm-dialog-header-container[data-v-563f83aa] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-563f83aa],
.orangehrm-dialog-header-container .oxd-button[data-v-563f83aa] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-563f83aa] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-563f83aa] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-563f83aa] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-563f83aa] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-563f83aa] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-563f83aa] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-563f83aa] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-563f83aa] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-563f83aa] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-563f83aa] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-563f83aa] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-563f83aa] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-563f83aa] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-563f83aa] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-563f83aa] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-563f83aa] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-563f83aa] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-563f83aa] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-563f83aa] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-563f83aa] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-563f83aa] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-563f83aa] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-563f83aa] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-563f83aa] {
  color: #38455d;
}
.orangehrm-form-action[data-v-563f83aa] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-563f83aa] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-563f83aa] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-563f83aa] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-563f83aa] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-563f83aa] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-attachment[data-v-563f83aa] {
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.orangehrm-attachment-header[data-v-563f83aa] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
  padding: 25px;
}
.orangehrm-attachment-header button[data-v-563f83aa] {
  margin-left: 1rem;
  white-space: nowrap;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-editor {
  width: 100%;
  margin-bottom: 50px;
  padding-inline: 15px;
  border-radius: 3px;
}
.text-editor .editor {
  min-height: 12rem !important;
  max-height: 30rem !important;
  overflow-y: scroll !important;
}
.text-editor .editor p img {
  max-width: 30%;
}
.text-editor .ql-container {
  border-radius: 0 0 8px 8px !important;
}
.text-editor .ql-toolbar {
  border-radius: 8px 8px 0 0 !important;
}
.text-editor .ql-attachment {
  display: inline-block;
  margin: 4px 0;
  cursor: pointer;
  color: #0f4cbd;
  text-decoration: none;
}
.text-editor .ql-attachment-inner {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: #f8fafc;
  border: 1px solid #dbe3f0;
  border-radius: 8px;
  padding: 6px 10px;
}
.text-editor .ql-attachment-name {
  font-size: 13px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-07d2db94] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-07d2db94] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-07d2db94] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-07d2db94] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-07d2db94] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-07d2db94] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-07d2db94] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-07d2db94] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-07d2db94] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-07d2db94]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-07d2db94] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-07d2db94] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-07d2db94] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-07d2db94] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-07d2db94] {
  background-image: none !important;
}
.oxd-text--h5[data-v-07d2db94] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-07d2db94] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-07d2db94] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-07d2db94] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-07d2db94] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-07d2db94] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-07d2db94],
.orangehrm-dialog-header-container[data-v-07d2db94] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-07d2db94],
.orangehrm-dialog-header-container .oxd-button[data-v-07d2db94] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-07d2db94] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-07d2db94] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-07d2db94] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-07d2db94] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-07d2db94] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-07d2db94] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-07d2db94] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-07d2db94] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-07d2db94] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-07d2db94] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-07d2db94] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-07d2db94] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-07d2db94] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-07d2db94] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-07d2db94] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-07d2db94] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-07d2db94] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-07d2db94] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-07d2db94] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-07d2db94] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-07d2db94] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-07d2db94] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-07d2db94] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-07d2db94] {
  color: #38455d;
}
.orangehrm-form-action[data-v-07d2db94] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-07d2db94] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-07d2db94] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-07d2db94] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-07d2db94] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-07d2db94] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.add-competency-dialog[data-v-07d2db94] {
  padding: 1rem;
}
.modal-title[data-v-07d2db94] {
  margin-bottom: 1rem;
  font-size: 18px;
  font-weight: 700;
}
.search-input[data-v-07d2db94] {
  width: 100%;
  height: 38px;
  border: 1px solid #d8d8d8;
  border-radius: 1.2rem;
  padding: 0 1rem;
  margin-bottom: 1rem;
  outline: none;
}
.competency-list[data-v-07d2db94] {
  max-height: 420px;
  overflow-y: auto;
  border: 1px solid #eeeeee;
  border-radius: 1rem;
  padding: 0.75rem;
}
.parent-group[data-v-07d2db94] {
  margin-bottom: 1rem;
}
.parent-name[data-v-07d2db94] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background-color: #f6f7f9;
  border-radius: 0.8rem;
  padding: 0.65rem 0.75rem;
}
.child-list[data-v-07d2db94] {
  padding-left: 1.75rem;
  margin-top: 0.5rem;
}
.child-item[data-v-07d2db94] {
  display: flex;
  gap: 0.5rem;
  padding: 0.6rem 0;
  cursor: pointer;
}
.child-item.disabled[data-v-07d2db94] {
  opacity: 0.5;
  cursor: not-allowed;
}
.child-name[data-v-07d2db94] {
  font-weight: 600;
}
.child-description[data-v-07d2db94] {
  font-size: 12px;
  color: #666;
  margin-top: 0.2rem;
}
.already-added[data-v-07d2db94] {
  color: #999;
}
.loading-message[data-v-07d2db94],
.empty-message[data-v-07d2db94] {
  text-align: center;
  padding: 1rem;
  color: #777;
}
.modal-footer[data-v-07d2db94] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  margin-top: 1rem;
}
.cancel-button[data-v-07d2db94],
.save-button[data-v-07d2db94] {
  border: none;
  border-radius: 1.2rem;
  padding: 0.6rem 1.4rem;
  cursor: pointer;
}
.cancel-button[data-v-07d2db94] {
  background-color: #f1f1f1;
}
.save-button[data-v-07d2db94] {
  background-color: #ff7b1a;
  color: #fff;
}
.save-button[data-v-07d2db94]:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.job-opening-competencies[data-v-9365c79a] {
  width: 100%;
  margin-top: 12px;
  font-family: 'Nunito Sans';
}
.competency-table-head[data-v-9365c79a] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px 90px;
  -moz-column-gap: 24px;
       column-gap: 24px;
  padding-bottom: 12px;
  border-bottom: 1px solid #e8eaef;

  font-size: 12px;
  font-weight: 700;
  color: #64728c;
}
.competency-table-head > div[data-v-9365c79a]:nth-child(2),
.competency-table-head > div[data-v-9365c79a]:nth-child(3) {
  text-align: center;
}
.competency-group[data-v-9365c79a] {
  padding: 14px 0;
  border-bottom: 1px solid #eef0f4;
}
.competency-type-title[data-v-9365c79a] {
  margin-bottom: 14px;
  font-size: 14px;
  font-weight: 700;
  color: #38455d;
  line-height: 1.4;
}
.competency-row[data-v-9365c79a] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px 90px;
  -moz-column-gap: 24px;
       column-gap: 24px;
  align-items: center;
  min-height: 48px;
}
.competency-name[data-v-9365c79a] {
  font-size: 12px;
  font-weight: 700;
  color: #2f3542;
  line-height: 1.4;
}
.competency-meaning[data-v-9365c79a] {
  margin-top: 4px;
  max-width: 560px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.4;
  color: #7b8495;
}

/* Weightage column with percentage */
.weightage-column[data-v-9365c79a] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  width: 100%;
}
.weightage-control[data-v-9365c79a] {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  flex-wrap: nowrap;
  width: 122px;
  min-width: 122px;
  max-width: 122px;
  height: 32px;
  border: 1px solid #e6e8ef;
  border-radius: 6px;
  overflow: hidden;
  background-color: #ffffff;
}
.weightage-btn[data-v-9365c79a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  min-width: 36px;
  max-width: 36px;
  height: 32px;
  font-size: 14px;
  font-weight: 700;
  color: #64728c;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  background-color: #ffffff;
}
.weightage-btn[data-v-9365c79a]:hover {
  background-color: #f6f7f9;
}
.weightage-value[data-v-9365c79a] {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  min-width: 50px;
  max-width: 50px;
  height: 32px;
  border-left: 1px solid #e6e8ef;
  border-right: 1px solid #e6e8ef;
  font-size: 12px;
  font-weight: 700;
  color: #64728c;
  background-color: #ffffff;
}
.percentage[data-v-9365c79a] {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  min-width: 65px;
  font-size: 12px;
  font-weight: 700;
  color: #38455d;
  white-space: nowrap;
}

/* Action column */
.action-column[data-v-9365c79a] {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.delete-button[data-v-9365c79a] {
  color: #eb0910;
}
.action-column[data-v-9365c79a] .oxd-icon-button {
  margin: 0 auto;
}
.empty-message[data-v-9365c79a] {
  padding: 20px 0;
  font-size: 13px;
  color: #8a94a6;
}
.job-opening-competencies-title[data-v-9365c79a] {
  font-size: 14px;
  font-weight: 700;
  color: #38455d;
  margin-bottom: 4px;
}
.job-opening-competencies-subtitle[data-v-9365c79a] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
  margin-bottom: 18px;
}
@media screen and (max-width: 800px) {
.competency-table-head[data-v-9365c79a],
  .competency-row[data-v-9365c79a] {
    grid-template-columns: 1fr;
    row-gap: 12px;
}
.competency-table-head > div[data-v-9365c79a]:nth-child(2),
  .competency-table-head > div[data-v-9365c79a]:nth-child(3) {
    text-align: left;
}
.weightage-column[data-v-9365c79a] {
    justify-content: flex-start;
}
.action-column[data-v-9365c79a] {
    justify-content: flex-start;
}
.action-column[data-v-9365c79a] .oxd-icon-button {
    margin: 0;
}
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-eec2f164] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-eec2f164] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-eec2f164] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-eec2f164] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-eec2f164] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-eec2f164] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-eec2f164] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-eec2f164] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-eec2f164] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-eec2f164]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-eec2f164] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-eec2f164] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-eec2f164] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-eec2f164] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-eec2f164] {
  background-image: none !important;
}
.oxd-text--h5[data-v-eec2f164] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-eec2f164] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-eec2f164] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-eec2f164] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-eec2f164] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-eec2f164] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-eec2f164],
.orangehrm-dialog-header-container[data-v-eec2f164] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-eec2f164],
.orangehrm-dialog-header-container .oxd-button[data-v-eec2f164] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-eec2f164] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-eec2f164] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-eec2f164] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-eec2f164] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-eec2f164] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-eec2f164] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-eec2f164] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-eec2f164] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-eec2f164] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-eec2f164] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-eec2f164] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-eec2f164] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-eec2f164] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-eec2f164] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-eec2f164] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-eec2f164] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-eec2f164] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-eec2f164] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-eec2f164] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-eec2f164] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-eec2f164] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-eec2f164] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-eec2f164] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-eec2f164] {
  color: #38455d;
}
.orangehrm-form-action[data-v-eec2f164] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-eec2f164] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-eec2f164] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-eec2f164] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-eec2f164] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-eec2f164] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.title-container[data-v-eec2f164] {
  margin-bottom: 16px;
}
.user-form-header[data-v-eec2f164] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-eec2f164] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-eec2f164] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-eec2f164] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-eec2f164] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-eec2f164] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-eec2f164] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-eec2f164] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-eec2f164] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-eec2f164] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-eec2f164] {
  grid-column: span 2;
}
.orangehrm-text[data-v-eec2f164] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-text-label[data-v-eec2f164] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-eec2f164] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-eec2f164] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-eec2f164] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #e8eaef;
}
.vacancy-page[data-v-eec2f164] {
  padding: unset;
}
.vacancy-card[data-v-eec2f164] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}
.vacancy-header[data-v-eec2f164] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.vacancy-page-title[data-v-eec2f164] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1f2937;
}
.vacancy-page-subtitle[data-v-eec2f164],
.vacancy-section-description[data-v-eec2f164] {
  margin: 0.35rem 0 0;
  color: #64728c;
  font-size: 0.875rem;
  line-height: 1.4;
}
.vacancy-required-pill[data-v-eec2f164] {
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  background: #fff7ed;
  color: #c2410c;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
}
.vacancy-content[data-v-eec2f164] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.vacancy-section[data-v-eec2f164] {
  margin-top: 1.25rem;
  padding: 1.25rem;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  background: #ffffff;
}
.vacancy-section--setup[data-v-eec2f164] {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.vacancy-section--editor[data-v-eec2f164] {
  padding-bottom: 1rem;
}
.vacancy-section-header[data-v-eec2f164] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.vacancy-section-header--inline[data-v-eec2f164] {
  align-items: center;
}
.vacancy-section-title[data-v-eec2f164] {
  font-size: 1rem;
  font-weight: 700;
  color: #1f2937;
}
.vacancy-grid[data-v-eec2f164] {
  row-gap: 0.95rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.remote-checkbox[data-v-eec2f164] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #374151;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.remote-checkbox input[data-v-eec2f164] {
  width: 1rem;
  height: 1rem;
  accent-color: var(--oxd-primary-one-color);
}
.editor-counter[data-v-eec2f164] {
  margin-top: 0.2rem;
  color: #94a3b8;
  font-size: 0.8rem;
  white-space: nowrap;
}
.editor-box[data-v-eec2f164] {
  border: 1px solid #d7dce5;
  border-radius: 0.85rem;
  overflow: hidden;
  background: #ffffff;
  padding: 0px;
}
.editor-box[data-v-eec2f164] .ql-toolbar {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background: #f8fafc;
}
.editor-box[data-v-eec2f164] .ql-container {
  min-height: 180px;
  max-height: 260px;
  overflow-y: auto;
  border: 0;
}
.vacancy-empty-state[data-v-eec2f164] {
  border-style: dashed;
  background: #f8fafc;
  text-align: center;
}
.vacancy-form-actions[data-v-eec2f164] {
  position: sticky;
  bottom: 0;
  z-index: 5;
  margin: 1.5rem -1.5rem -1.5rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #e5e7eb;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
}
.editor-box[data-v-eec2f164] .text-editor {
  padding: 0px;
  margin-bottom: 5px;
}
.vacancy-action-buttons[data-v-eec2f164] {
  display: flex;
  gap: 0.75rem;
  margin-left: auto;
}
@media (max-width: 768px) {
.vacancy-page[data-v-eec2f164] {
    padding: 0.75rem;
}
.vacancy-card[data-v-eec2f164] {
    padding: 1rem;
}
.vacancy-header[data-v-eec2f164],
  .vacancy-section-header[data-v-eec2f164],
  .vacancy-section-header--inline[data-v-eec2f164] {
    flex-direction: column;
}
.vacancy-form-actions[data-v-eec2f164] {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: -1rem;
}
.vacancy-action-buttons[data-v-eec2f164] {
    width: 100%;
    justify-content: flex-end;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-d1b06d32] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-d1b06d32] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-d1b06d32] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-d1b06d32] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-d1b06d32] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-d1b06d32] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-d1b06d32] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-d1b06d32] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-d1b06d32] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-d1b06d32]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-d1b06d32] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-d1b06d32] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-d1b06d32] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-d1b06d32] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-d1b06d32] {
  background-image: none !important;
}
.oxd-text--h5[data-v-d1b06d32] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-d1b06d32] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-d1b06d32] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-d1b06d32] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-d1b06d32] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-d1b06d32] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-d1b06d32],
.orangehrm-dialog-header-container[data-v-d1b06d32] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-d1b06d32],
.orangehrm-dialog-header-container .oxd-button[data-v-d1b06d32] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-d1b06d32] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-d1b06d32] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-d1b06d32] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-d1b06d32] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-d1b06d32] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-d1b06d32] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-d1b06d32] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-d1b06d32] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-d1b06d32] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-d1b06d32] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-d1b06d32] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-d1b06d32] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-d1b06d32] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-d1b06d32] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-d1b06d32] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-d1b06d32] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-d1b06d32] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-d1b06d32] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-d1b06d32] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-d1b06d32] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-d1b06d32] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-d1b06d32] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-d1b06d32] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-d1b06d32] {
  color: #38455d;
}
.orangehrm-form-action[data-v-d1b06d32] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-d1b06d32] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-d1b06d32] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-d1b06d32] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-d1b06d32] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-d1b06d32] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.title-container[data-v-d1b06d32] {
  margin-bottom: 16px;
}
.user-form-header[data-v-d1b06d32] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-d1b06d32] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-d1b06d32] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-d1b06d32] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-d1b06d32] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-d1b06d32] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-d1b06d32] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-d1b06d32] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-d1b06d32] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-d1b06d32] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-d1b06d32] {
  grid-column: span 2;
}
.orangehrm-text[data-v-d1b06d32] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-text-label[data-v-d1b06d32] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-d1b06d32] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-d1b06d32] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-d1b06d32] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #e8eaef;
}
.vacancy-page[data-v-d1b06d32] {
  padding: unset;
}
.vacancy-card[data-v-d1b06d32] {
  max-width: 1280px;
  margin: 0 auto;
  padding: 1.5rem;
  border-radius: 1.25rem;
  background: #ffffff;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
}
.vacancy-header[data-v-d1b06d32] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
}
.vacancy-page-title[data-v-d1b06d32] {
  font-size: 1.25rem;
  font-weight: 700;
  color: #1f2937;
}
.vacancy-page-subtitle[data-v-d1b06d32],
.vacancy-section-description[data-v-d1b06d32] {
  margin: 0.35rem 0 0;
  color: #64728c;
  font-size: 0.875rem;
  line-height: 1.4;
}
.vacancy-required-pill[data-v-d1b06d32] {
  padding: 0.4rem 0.75rem;
  border-radius: 999px;
  background: #fff7ed;
  color: #c2410c;
  font-size: 0.75rem;
  font-weight: 700;
  white-space: nowrap;
}
.vacancy-content[data-v-d1b06d32] {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
.vacancy-section[data-v-d1b06d32] {
  margin-top: 1.25rem;
  padding: 1.25rem;
  border: 1px solid #e5e7eb;
  border-radius: 1rem;
  background: #ffffff;
}
.vacancy-section--setup[data-v-d1b06d32] {
  background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
}
.vacancy-section--editor[data-v-d1b06d32] {
  padding-bottom: 1rem;
}
.vacancy-section-header[data-v-d1b06d32] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  margin-bottom: 1rem;
}
.vacancy-section-header--inline[data-v-d1b06d32] {
  align-items: center;
}
.vacancy-section-title[data-v-d1b06d32] {
  font-size: 1rem;
  font-weight: 700;
  color: #1f2937;
}
.vacancy-grid[data-v-d1b06d32] {
  row-gap: 0.95rem;
  -moz-column-gap: 1.25rem;
       column-gap: 1.25rem;
}
.remote-checkbox[data-v-d1b06d32] {
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: #374151;
  font-size: 0.875rem;
  font-weight: 600;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.remote-checkbox input[data-v-d1b06d32] {
  width: 1rem;
  height: 1rem;
  accent-color: var(--oxd-primary-one-color);
}
.editor-counter[data-v-d1b06d32] {
  margin-top: 0.2rem;
  color: #94a3b8;
  font-size: 0.8rem;
  white-space: nowrap;
}
.editor-box[data-v-d1b06d32] {
  border: 1px solid #d7dce5;
  border-radius: 0.85rem;
  overflow: hidden;
  background: #ffffff;
  padding: 0px;
}
.editor-box[data-v-d1b06d32] .ql-toolbar {
  border-top: 0;
  border-left: 0;
  border-right: 0;
  background: #f8fafc;
}
.editor-box[data-v-d1b06d32] .ql-container {
  min-height: 180px;
  max-height: 260px;
  overflow-y: auto;
  border: 0;
}
.vacancy-empty-state[data-v-d1b06d32] {
  border-style: dashed;
  background: #f8fafc;
  text-align: center;
}
.vacancy-form-actions[data-v-d1b06d32] {
  position: sticky;
  bottom: 0;
  z-index: 5;
  margin: 1.5rem -1.5rem -1.5rem;
  padding: 1rem 1.5rem;
  border-top: 1px solid #e5e7eb;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(8px);
}
.editor-box[data-v-d1b06d32] .text-editor {
  padding: 0px;
  margin-bottom: 5px;
}
.vacancy-action-buttons[data-v-d1b06d32] {
  display: flex;
  gap: 0.75rem;
  margin-left: auto;
}
@media (max-width: 768px) {
.vacancy-page[data-v-d1b06d32] {
    padding: 0.75rem;
}
.vacancy-card[data-v-d1b06d32] {
    padding: 1rem;
}
.vacancy-header[data-v-d1b06d32],
  .vacancy-section-header[data-v-d1b06d32],
  .vacancy-section-header--inline[data-v-d1b06d32] {
    flex-direction: column;
}
.vacancy-form-actions[data-v-d1b06d32] {
    margin-left: -1rem;
    margin-right: -1rem;
    margin-bottom: -1rem;
}
.vacancy-action-buttons[data-v-d1b06d32] {
    width: 100%;
    justify-content: flex-end;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5928cf8a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5928cf8a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5928cf8a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5928cf8a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5928cf8a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5928cf8a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5928cf8a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5928cf8a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5928cf8a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5928cf8a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5928cf8a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5928cf8a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5928cf8a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5928cf8a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5928cf8a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5928cf8a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5928cf8a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5928cf8a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5928cf8a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5928cf8a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5928cf8a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5928cf8a],
.orangehrm-dialog-header-container[data-v-5928cf8a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5928cf8a],
.orangehrm-dialog-header-container .oxd-button[data-v-5928cf8a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5928cf8a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5928cf8a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5928cf8a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5928cf8a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5928cf8a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5928cf8a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5928cf8a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5928cf8a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5928cf8a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5928cf8a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5928cf8a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5928cf8a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5928cf8a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5928cf8a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5928cf8a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5928cf8a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5928cf8a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5928cf8a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5928cf8a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5928cf8a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5928cf8a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5928cf8a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5928cf8a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5928cf8a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5928cf8a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5928cf8a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5928cf8a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5928cf8a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5928cf8a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5928cf8a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-field-row[data-v-5928cf8a] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
}
.orangehrm-module-field-label[data-v-5928cf8a] {
  box-sizing: border-box;
  font-family: "Nunito Sans";
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.65rem;
  padding: 0.675rem 0.5rem;
  padding: 0;
  flex-basis: 75%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-0f360ba4] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-0f360ba4] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-0f360ba4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-0f360ba4] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-0f360ba4] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-0f360ba4] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-0f360ba4] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-0f360ba4] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-0f360ba4] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-0f360ba4]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-0f360ba4] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-0f360ba4] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-0f360ba4] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-0f360ba4] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-0f360ba4] {
  background-image: none !important;
}
.oxd-text--h5[data-v-0f360ba4] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-0f360ba4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-0f360ba4] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-0f360ba4] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-0f360ba4] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-0f360ba4] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-0f360ba4],
.orangehrm-dialog-header-container[data-v-0f360ba4] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-0f360ba4],
.orangehrm-dialog-header-container .oxd-button[data-v-0f360ba4] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-0f360ba4] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-0f360ba4] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-0f360ba4] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-0f360ba4] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-0f360ba4] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-0f360ba4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-0f360ba4] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-0f360ba4] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-0f360ba4] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-0f360ba4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-0f360ba4] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-0f360ba4] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-0f360ba4] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-0f360ba4] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-0f360ba4] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-0f360ba4] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-0f360ba4] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-0f360ba4] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-0f360ba4] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-0f360ba4] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-0f360ba4] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-0f360ba4] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-0f360ba4] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-0f360ba4] {
  color: #38455d;
}
.orangehrm-form-action[data-v-0f360ba4] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-0f360ba4] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-0f360ba4] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-0f360ba4] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-0f360ba4] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-0f360ba4] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-field-row[data-v-0f360ba4] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
}
.orangehrm-module-field-label[data-v-0f360ba4] {
  box-sizing: border-box;
  font-family: "Nunito Sans";
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.65rem;
  padding: 0.675rem 0.5rem;
  padding: 0;
  flex-basis: 75%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6b4f8906] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6b4f8906] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6b4f8906] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6b4f8906] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6b4f8906] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6b4f8906] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6b4f8906] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6b4f8906] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6b4f8906] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6b4f8906]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6b4f8906] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6b4f8906] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6b4f8906] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6b4f8906] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6b4f8906] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6b4f8906] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6b4f8906] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6b4f8906] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6b4f8906] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6b4f8906] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6b4f8906] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6b4f8906],
.orangehrm-dialog-header-container[data-v-6b4f8906] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6b4f8906],
.orangehrm-dialog-header-container .oxd-button[data-v-6b4f8906] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6b4f8906] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6b4f8906] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6b4f8906] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6b4f8906] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6b4f8906] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6b4f8906] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6b4f8906] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6b4f8906] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6b4f8906] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6b4f8906] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6b4f8906] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6b4f8906] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6b4f8906] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6b4f8906] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6b4f8906] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6b4f8906] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6b4f8906] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6b4f8906] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6b4f8906] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6b4f8906] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6b4f8906] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6b4f8906] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6b4f8906] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6b4f8906] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6b4f8906] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6b4f8906] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6b4f8906] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6b4f8906] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6b4f8906] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6b4f8906] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-button-row[data-v-6b4f8906] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-button-row[data-v-6b4f8906] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-button-row[data-v-6b4f8906] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-button-row[data-v-6b4f8906] .oxd-button--medium {
    width: unset;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-7826eaa5] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-7826eaa5] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-7826eaa5] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-7826eaa5] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-7826eaa5] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-7826eaa5] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-7826eaa5] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-7826eaa5] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-7826eaa5] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-7826eaa5]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-7826eaa5] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-7826eaa5] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-7826eaa5] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-7826eaa5] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-7826eaa5] {
  background-image: none !important;
}
.oxd-text--h5[data-v-7826eaa5] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-7826eaa5] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-7826eaa5] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-7826eaa5] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-7826eaa5] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-7826eaa5] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-7826eaa5],
.orangehrm-dialog-header-container[data-v-7826eaa5] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-7826eaa5],
.orangehrm-dialog-header-container .oxd-button[data-v-7826eaa5] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-7826eaa5] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-7826eaa5] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-7826eaa5] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-7826eaa5] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-7826eaa5] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-7826eaa5] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-7826eaa5] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-7826eaa5] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-7826eaa5] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-7826eaa5] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-7826eaa5] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-7826eaa5] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-7826eaa5] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-7826eaa5] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-7826eaa5] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-7826eaa5] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-7826eaa5] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-7826eaa5] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-7826eaa5] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-7826eaa5] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-7826eaa5] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-7826eaa5] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-7826eaa5] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-7826eaa5] {
  color: #38455d;
}
.orangehrm-form-action[data-v-7826eaa5] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-7826eaa5] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-7826eaa5] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-7826eaa5] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-7826eaa5] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-7826eaa5] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-button-row[data-v-7826eaa5] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-button-row[data-v-7826eaa5] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-button-row[data-v-7826eaa5] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-button-row[data-v-7826eaa5] .oxd-button--medium {
    width: unset;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-65ad298c] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-65ad298c] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-65ad298c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-65ad298c] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-65ad298c] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-65ad298c] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-65ad298c] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-65ad298c] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-65ad298c] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-65ad298c]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-65ad298c] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-65ad298c] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-65ad298c] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-65ad298c] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-65ad298c] {
  background-image: none !important;
}
.oxd-text--h5[data-v-65ad298c] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-65ad298c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-65ad298c] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-65ad298c] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-65ad298c] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-65ad298c] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-65ad298c],
.orangehrm-dialog-header-container[data-v-65ad298c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-65ad298c],
.orangehrm-dialog-header-container .oxd-button[data-v-65ad298c] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-65ad298c] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-65ad298c] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-65ad298c] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-65ad298c] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-65ad298c] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-65ad298c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-65ad298c] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-65ad298c] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-65ad298c] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-65ad298c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-65ad298c] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-65ad298c] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-65ad298c] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-65ad298c] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-65ad298c] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-65ad298c] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-65ad298c] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-65ad298c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-65ad298c] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-65ad298c] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-65ad298c] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-65ad298c] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-65ad298c] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-65ad298c] {
  color: #38455d;
}
.orangehrm-form-action[data-v-65ad298c] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-65ad298c] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-65ad298c] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-65ad298c] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-65ad298c] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-65ad298c] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.oxd-table-card-cell[data-v-65ad298c] {
  display: block;
}
.oxd-table-card-cell .header[data-v-65ad298c] {
  font-weight: 700;
}
.oxd-table-card-cell .time[data-v-65ad298c] {
  white-space: nowrap;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-7d317908] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-7d317908] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-7d317908] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-7d317908] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-7d317908] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-7d317908] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-7d317908] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-7d317908] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-7d317908] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-7d317908]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-7d317908] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-7d317908] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-7d317908] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-7d317908] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-7d317908] {
  background-image: none !important;
}
.oxd-text--h5[data-v-7d317908] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-7d317908] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-7d317908] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-7d317908] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-7d317908] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-7d317908] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-7d317908],
.orangehrm-dialog-header-container[data-v-7d317908] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-7d317908],
.orangehrm-dialog-header-container .oxd-button[data-v-7d317908] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-7d317908] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-7d317908] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-7d317908] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-7d317908] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-7d317908] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-7d317908] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-7d317908] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-7d317908] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-7d317908] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-7d317908] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-7d317908] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-7d317908] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-7d317908] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-7d317908] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-7d317908] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-7d317908] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-7d317908] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-7d317908] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-7d317908] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-7d317908] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-7d317908] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-7d317908] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-7d317908] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-7d317908] {
  color: #38455d;
}
.orangehrm-form-action[data-v-7d317908] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-7d317908] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-7d317908] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-7d317908] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-7d317908] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-7d317908] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-7d317908] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-7d317908] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-782a4eb9] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-782a4eb9] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-782a4eb9] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-782a4eb9] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-782a4eb9] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-782a4eb9] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-782a4eb9] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-782a4eb9] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-782a4eb9] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-782a4eb9]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-782a4eb9] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-782a4eb9] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-782a4eb9] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-782a4eb9] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-782a4eb9] {
  background-image: none !important;
}
.oxd-text--h5[data-v-782a4eb9] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-782a4eb9] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-782a4eb9] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-782a4eb9] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-782a4eb9] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-782a4eb9] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-782a4eb9],
.orangehrm-dialog-header-container[data-v-782a4eb9] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-782a4eb9],
.orangehrm-dialog-header-container .oxd-button[data-v-782a4eb9] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-782a4eb9] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-782a4eb9] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-782a4eb9] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-782a4eb9] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-782a4eb9] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-782a4eb9] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-782a4eb9] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-782a4eb9] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-782a4eb9] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-782a4eb9] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-782a4eb9] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-782a4eb9] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-782a4eb9] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-782a4eb9] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-782a4eb9] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-782a4eb9] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-782a4eb9] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-782a4eb9] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-782a4eb9] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-782a4eb9] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-782a4eb9] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-782a4eb9] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-782a4eb9] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-782a4eb9] {
  color: #38455d;
}
.orangehrm-form-action[data-v-782a4eb9] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-782a4eb9] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-782a4eb9] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-782a4eb9] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-782a4eb9] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-782a4eb9] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-782a4eb9] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-15abda03] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-15abda03] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-15abda03] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-15abda03] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-15abda03] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-15abda03] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-15abda03] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-15abda03] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-15abda03] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-15abda03]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-15abda03] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-15abda03] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-15abda03] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-15abda03] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-15abda03] {
  background-image: none !important;
}
.oxd-text--h5[data-v-15abda03] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-15abda03] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-15abda03] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-15abda03] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-15abda03] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-15abda03] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-15abda03],
.orangehrm-dialog-header-container[data-v-15abda03] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-15abda03],
.orangehrm-dialog-header-container .oxd-button[data-v-15abda03] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-15abda03] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-15abda03] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-15abda03] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-15abda03] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-15abda03] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-15abda03] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-15abda03] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-15abda03] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-15abda03] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-15abda03] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-15abda03] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-15abda03] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-15abda03] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-15abda03] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-15abda03] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-15abda03] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-15abda03] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-15abda03] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-15abda03] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-15abda03] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-15abda03] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-15abda03] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-15abda03] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-15abda03] {
  color: #38455d;
}
.orangehrm-form-action[data-v-15abda03] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-15abda03] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-15abda03] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-15abda03] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-15abda03] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-15abda03] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-15abda03] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-495840cc] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-495840cc] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-495840cc] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-495840cc] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-495840cc] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-495840cc] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-495840cc] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-495840cc] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-495840cc] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-495840cc]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-495840cc] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-495840cc] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-495840cc] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-495840cc] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-495840cc] {
  background-image: none !important;
}
.oxd-text--h5[data-v-495840cc] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-495840cc] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-495840cc] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-495840cc] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-495840cc] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-495840cc] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-495840cc],
.orangehrm-dialog-header-container[data-v-495840cc] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-495840cc],
.orangehrm-dialog-header-container .oxd-button[data-v-495840cc] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-495840cc] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-495840cc] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-495840cc] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-495840cc] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-495840cc] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-495840cc] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-495840cc] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-495840cc] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-495840cc] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-495840cc] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-495840cc] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-495840cc] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-495840cc] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-495840cc] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-495840cc] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-495840cc] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-495840cc] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-495840cc] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-495840cc] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-495840cc] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-495840cc] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-495840cc] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-495840cc] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-495840cc] {
  color: #38455d;
}
.orangehrm-form-action[data-v-495840cc] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-495840cc] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-495840cc] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-495840cc] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-495840cc] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-495840cc] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-tracker-rating-button[data-v-495840cc] {
  margin-right: 0.6rem;
  padding-right: 0.6rem;
  padding-left: 0.6rem;
}
.orangehrm-tracker-rating-icon[data-v-495840cc] {
  vertical-align: bottom;
}
.--positive[data-v-495840cc] {
  color: #34bc40;
}
.--negative[data-v-495840cc] {
  color: #eb0910;
}
.--deselected[data-v-495840cc] {
  background-color: #ffffff;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-0e9262d1] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-0e9262d1] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-0e9262d1] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-0e9262d1] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-0e9262d1] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-0e9262d1] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-0e9262d1] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-0e9262d1] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-0e9262d1] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-0e9262d1]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-0e9262d1] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-0e9262d1] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-0e9262d1] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-0e9262d1] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-0e9262d1] {
  background-image: none !important;
}
.oxd-text--h5[data-v-0e9262d1] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-0e9262d1] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-0e9262d1] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-0e9262d1] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-0e9262d1] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-0e9262d1] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-0e9262d1],
.orangehrm-dialog-header-container[data-v-0e9262d1] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-0e9262d1],
.orangehrm-dialog-header-container .oxd-button[data-v-0e9262d1] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-0e9262d1] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-0e9262d1] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-0e9262d1] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-0e9262d1] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-0e9262d1] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-0e9262d1] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-0e9262d1] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-0e9262d1] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-0e9262d1] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-0e9262d1] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-0e9262d1] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-0e9262d1] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-0e9262d1] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-0e9262d1] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-0e9262d1] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-0e9262d1] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-0e9262d1] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-0e9262d1] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-0e9262d1] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-0e9262d1] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-0e9262d1] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-0e9262d1] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-0e9262d1] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-0e9262d1] {
  color: #38455d;
}
.orangehrm-form-action[data-v-0e9262d1] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-0e9262d1] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-0e9262d1] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-0e9262d1] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-0e9262d1] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-0e9262d1] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-add-tracker-log-ratings-container[data-v-0e9262d1] {
  padding-bottom: 0.6rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2e0015f6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2e0015f6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2e0015f6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2e0015f6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2e0015f6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2e0015f6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2e0015f6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2e0015f6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2e0015f6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2e0015f6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2e0015f6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2e0015f6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2e0015f6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2e0015f6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2e0015f6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2e0015f6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2e0015f6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2e0015f6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2e0015f6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2e0015f6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2e0015f6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2e0015f6],
.orangehrm-dialog-header-container[data-v-2e0015f6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2e0015f6],
.orangehrm-dialog-header-container .oxd-button[data-v-2e0015f6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2e0015f6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2e0015f6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2e0015f6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2e0015f6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2e0015f6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2e0015f6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2e0015f6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2e0015f6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2e0015f6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2e0015f6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2e0015f6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2e0015f6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2e0015f6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2e0015f6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2e0015f6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2e0015f6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2e0015f6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2e0015f6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2e0015f6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2e0015f6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2e0015f6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2e0015f6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2e0015f6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2e0015f6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2e0015f6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2e0015f6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2e0015f6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2e0015f6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2e0015f6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2e0015f6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-add-tracker-log-ratings-container[data-v-2e0015f6] {
  padding-bottom: 0.6rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5b02310a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5b02310a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5b02310a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5b02310a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5b02310a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5b02310a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5b02310a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5b02310a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5b02310a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5b02310a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5b02310a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5b02310a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5b02310a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5b02310a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5b02310a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5b02310a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5b02310a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5b02310a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5b02310a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5b02310a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5b02310a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5b02310a],
.orangehrm-dialog-header-container[data-v-5b02310a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5b02310a],
.orangehrm-dialog-header-container .oxd-button[data-v-5b02310a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5b02310a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5b02310a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5b02310a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5b02310a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5b02310a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5b02310a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5b02310a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5b02310a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5b02310a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5b02310a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5b02310a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5b02310a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5b02310a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5b02310a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5b02310a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5b02310a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5b02310a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5b02310a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5b02310a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5b02310a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5b02310a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5b02310a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5b02310a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5b02310a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5b02310a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5b02310a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5b02310a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5b02310a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5b02310a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5b02310a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-employee-tracker-log[data-v-5b02310a] {
  display: flex;
  flex-direction: row;
}
.orangehrm-employee-tracker-log img[data-v-5b02310a] {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
  border: 0.1rem solid #f6f5fb;
}
.orangehrm-employee-tracker-log-image-section[data-v-5b02310a] {
  display: flex;
}
.orangehrm-employee-tracker-log-content-section[data-v-5b02310a] {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-employee-tracker-log-content-container[data-v-5b02310a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 1.2rem;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.orangehrm-employee-tracker-log-header[data-v-5b02310a] {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.6rem;
  align-items: flex-start;
}
.orangehrm-employee-tracker-log-title[data-v-5b02310a] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker-log-title[data-v-5b02310a] {
    flex-direction: column;
}
}
@media (min-width: 600px) {
.orangehrm-employee-tracker-log-title[data-v-5b02310a] {
    flex-direction: row;
    padding-right: 2.4rem;
}
}
.orangehrm-employee-tracker-log-title-text[data-v-5b02310a] {
  font-weight: 700;
  font-size: 21px;
  padding-right: 0.6rem;
}
.orangehrm-employee-tracker-log-title-icon[data-v-5b02310a] {
  min-width: 21px;
  min-height: 21px;
}
.orangehrm-employee-tracker-log-title-icon.--positive[data-v-5b02310a] {
  color: #34bc40;
}
.orangehrm-employee-tracker-log-title-icon.--negative[data-v-5b02310a] {
  color: #eb0910;
}
.orangehrm-employee-tracker-log-body-text[data-v-5b02310a] {
  font-size: 12px;
}
.orangehrm-employee-tracker-log-reviewer[data-v-5b02310a] {
  display: flex;
}
.orangehrm-employee-tracker-log-reviewer-name[data-v-5b02310a] {
  font-weight: 700;
  margin-left: 1.2rem;
  font-size: 14px;
}
.orangehrm-employee-tracker-log-reviewer-date[data-v-5b02310a] {
  display: flex;
  flex-direction: column;
  margin-top: 0.3rem;
  margin-left: 1.2rem;
  font-size: 12px;
}
.orangehrm-employee-tracker-log-reviewer-date-container[data-v-5b02310a] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.orangehrm-employee-tracker-log-reviewer-date-icon[data-v-5b02310a] {
  margin-right: 0.3rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-72917e34] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-72917e34] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-72917e34] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-72917e34] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-72917e34] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-72917e34] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-72917e34] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-72917e34] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-72917e34] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-72917e34]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-72917e34] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-72917e34] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-72917e34] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-72917e34] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-72917e34] {
  background-image: none !important;
}
.oxd-text--h5[data-v-72917e34] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-72917e34] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-72917e34] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-72917e34] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-72917e34] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-72917e34] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-72917e34],
.orangehrm-dialog-header-container[data-v-72917e34] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-72917e34],
.orangehrm-dialog-header-container .oxd-button[data-v-72917e34] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-72917e34] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-72917e34] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-72917e34] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-72917e34] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-72917e34] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-72917e34] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-72917e34] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-72917e34] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-72917e34] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-72917e34] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-72917e34] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-72917e34] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-72917e34] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-72917e34] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-72917e34] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-72917e34] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-72917e34] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-72917e34] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-72917e34] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-72917e34] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-72917e34] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-72917e34] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-72917e34] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-72917e34] {
  color: #38455d;
}
.orangehrm-form-action[data-v-72917e34] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-72917e34] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-72917e34] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-72917e34] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-72917e34] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-72917e34] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-container[data-v-72917e34] {
  overflow: auto;
  max-height: 400px;
  min-height: 400px;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-72917e34]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-72917e34]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-72917e34]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-72917e34] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-72917e34] {
  margin: 0 auto;
  background-color: #ffffff;
}
.orangehrm-scroll-card[data-v-72917e34] {
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
}
.orangehrm-scroll-card-header[data-v-72917e34] {
  display: flex;
  justify-content: space-between;
}
.orangehrm-employee-tracker[data-v-72917e34] {
  display: flex;
  overflow: hidden;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker[data-v-72917e34] {
    flex-direction: column;
}
}
@media (min-width: 600px) {
.orangehrm-employee-tracker[data-v-72917e34] {
    flex-direction: row;
}
}
.orangehrm-employee-tracker-image-wrapper[data-v-72917e34] {
  padding: 0.6rem 1.2rem;
}
.orangehrm-employee-tracker img[data-v-72917e34] {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  display: flex;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
  border: 0.5rem solid #f6f5fb;
}
.orangehrm-employee-tracker-image-section[data-v-72917e34] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker-image-section[data-v-72917e34] {
    flex-direction: row-reverse;
    justify-content: center;
}
}
@media (min-width: 800px) {
.orangehrm-employee-tracker-image-section[data-v-72917e34] {
    flex-direction: column;
    justify-content: center;
}
}
.orangehrm-employee-tracker-header-section[data-v-72917e34] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker-header-section[data-v-72917e34] {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
}
@media (min-width: 600px) {
.orangehrm-employee-tracker-header-section[data-v-72917e34] {
    flex-direction: row;
    align-items: flex-start;
    text-align: start;
}
}
.orangehrm-employee-tracker-header[data-v-72917e34] {
  display: flex;
  flex-direction: column;
  padding-left: 1.2rem;
  padding-right: 0.6rem;
  padding-top: 1.2rem;
}
.orangehrm-employee-tracker-header-title[data-v-72917e34] {
  font-weight: 700;
  font-size: 21px;
}
.orangehrm-employee-tracker-header-subtitle[data-v-72917e34] {
  font-weight: 700;
  color: #929baa;
}
.orangehrm-employee-tracker-ratings[data-v-72917e34] {
  display: flex;
  padding-top: 1.2rem;
}
.orangehrm-employee-tracker-ratings-info[data-v-72917e34] {
  display: flex;
  flex-direction: row;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  text-align: center;
}
.orangehrm-employee-tracker-ratings-icon[data-v-72917e34] {
  padding-right: 0.6rem;
  min-width: 21px;
  min-height: 21px;
}
.orangehrm-employee-tracker-ratings-text[data-v-72917e34] {
  font-size: 21px;
}
.orangehrm-employee-tracker-list-header[data-v-72917e34] {
  font-size: 16px;
  font-weight: 800;
}
.orangehrm-employee-tracker-no-records[data-v-72917e34] {
  display: flex;
  min-height: inherit;
  justify-content: center;
  align-items: center;
}
.--positive[data-v-72917e34] {
  color: #34bc40;
}
.--negative[data-v-72917e34] {
  color: #eb0910;
}
.orangehrm-paper-container[data-v-72917e34] {
  padding-bottom: 2.4rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-7af2772d] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-7af2772d] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-7af2772d] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-7af2772d] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-7af2772d] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-7af2772d] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-7af2772d] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-7af2772d] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-7af2772d] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-7af2772d]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-7af2772d] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-7af2772d] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-7af2772d] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-7af2772d] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-7af2772d] {
  background-image: none !important;
}
.oxd-text--h5[data-v-7af2772d] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-7af2772d] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-7af2772d] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-7af2772d] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-7af2772d] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-7af2772d] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-7af2772d],
.orangehrm-dialog-header-container[data-v-7af2772d] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-7af2772d],
.orangehrm-dialog-header-container .oxd-button[data-v-7af2772d] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-7af2772d] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-7af2772d] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-7af2772d] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-7af2772d] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-7af2772d] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-7af2772d] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-7af2772d] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-7af2772d] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-7af2772d] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-7af2772d] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-7af2772d] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-7af2772d] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-7af2772d] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-7af2772d] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-7af2772d] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-7af2772d] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-7af2772d] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-7af2772d] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-7af2772d] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-7af2772d] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-7af2772d] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-7af2772d] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-7af2772d] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-7af2772d] {
  color: #38455d;
}
.orangehrm-form-action[data-v-7af2772d] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-7af2772d] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-7af2772d] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-7af2772d] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-7af2772d] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-7af2772d] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-performance-review-title[data-v-7af2772d] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-bold[data-v-7af2772d] {
  font-weight: 700;
}
.orangehrm-performance-review-rating[data-v-7af2772d] {
  display: flex;
  flex-direction: column;
}
.orangehrm-performance-review-rating-number[data-v-7af2772d] {
  font-weight: 700;
  color: var(--oxd-primary-one-color);
}
.orangehrm-performance-review-owner[data-v-7af2772d] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.orangehrm-performance-review-owner img[data-v-7af2772d] {
  width: 75px;
  height: 75px;
  border-radius: 100%;
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
}
.orangehrm-performance-review-owner-employee-section[data-v-7af2772d] {
  display: flex;
}
.orangehrm-performance-review-owner-employee[data-v-7af2772d] {
  display: flex;
  flex-direction: column;
  padding-left: 1.2rem;
}
.orangehrm-performance-review-owner-employee-name[data-v-7af2772d], .orangehrm-performance-review-owner-employee-job[data-v-7af2772d] {
  font-weight: 700;
  font-size: 18px;
  word-break: break-word;
}
.orangehrm-performance-review-owner-employee-job[data-v-7af2772d] {
  color: #929baa;
}
.orangehrm-performance-review-final-rating[data-v-7af2772d] {
  align-self: center;
}
.orangehrm-performance-review-column[data-v-7af2772d] {
  margin-bottom: 0.5rem;
}
.orangehrm-performance-review-details[data-v-7af2772d] {
  display: flex;
}
.orangehrm-performance-review-details-grid[data-v-7af2772d] {
  width: 100%;
  align-items: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-891488de] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-891488de] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-891488de] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-891488de] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-891488de] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-891488de] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-891488de] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-891488de] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-891488de] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-891488de]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-891488de] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-891488de] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-891488de] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-891488de] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-891488de] {
  background-image: none !important;
}
.oxd-text--h5[data-v-891488de] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-891488de] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-891488de] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-891488de] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-891488de] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-891488de] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-891488de],
.orangehrm-dialog-header-container[data-v-891488de] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-891488de],
.orangehrm-dialog-header-container .oxd-button[data-v-891488de] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-891488de] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-891488de] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-891488de] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-891488de] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-891488de] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-891488de] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-891488de] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-891488de] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-891488de] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-891488de] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-891488de] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-891488de] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-891488de] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-891488de] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-891488de] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-891488de] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-891488de] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-891488de] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-891488de] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-891488de] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-891488de] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-891488de] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-891488de] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-891488de] {
  color: #38455d;
}
.orangehrm-form-action[data-v-891488de] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-891488de] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-891488de] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-891488de] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-891488de] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-891488de] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media (min-width: 800px) {
.orangehrm-performance-review-grid[data-v-891488de] {
    grid-template-columns: 33.3333333333% 110px 1fr 0.5fr;
}
}
.orangehrm-performance-review-grid[data-v-891488de] .oxd-textarea {
  min-height: unset;
}
.orangehrm-performance-review-title[data-v-891488de] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-bold[data-v-891488de] {
  font-weight: 700;
}
.orangehrm-performance-review-read[data-v-891488de] {
  margin-top: 0.3rem;
  margin-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-performance-review-read[data-v-891488de] {
    margin-top: 1.2rem;
    margin-bottom: 0;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5268c331] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5268c331] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5268c331] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5268c331] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5268c331] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5268c331] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5268c331] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5268c331] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5268c331] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5268c331]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5268c331] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5268c331] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5268c331] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5268c331] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5268c331] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5268c331] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5268c331] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5268c331] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5268c331] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5268c331] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5268c331] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5268c331],
.orangehrm-dialog-header-container[data-v-5268c331] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5268c331],
.orangehrm-dialog-header-container .oxd-button[data-v-5268c331] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5268c331] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5268c331] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5268c331] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5268c331] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5268c331] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5268c331] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5268c331] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5268c331] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5268c331] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5268c331] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5268c331] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5268c331] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5268c331] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5268c331] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5268c331] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5268c331] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5268c331] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5268c331] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5268c331] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5268c331] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5268c331] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5268c331] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5268c331] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5268c331] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5268c331] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5268c331] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5268c331] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5268c331] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5268c331] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5268c331] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-evaluation-header[data-v-5268c331] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-evaluation-header-grid[data-v-5268c331] {
  width: 100%;
}
.orangehrm-evaluation-title[data-v-5268c331] {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.orangehrm-evaluation-title-profile-image[data-v-5268c331] {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  box-sizing: border-box;
}
.orangehrm-evaluation-title-name[data-v-5268c331] {
  margin-left: 1rem;
  word-break: break-word;
}
.orangehrm-evaluation-grid[data-v-5268c331] {
  padding-top: 0.5rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid[data-v-5268c331] {
    grid-template-columns: 33.3333333333% 110px 1fr 0.5fr;
}
}
.orangehrm-evaluation-grid-header[data-v-5268c331] {
  display: none;
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-header[data-v-5268c331] {
    display: block;
}
}
.orangehrm-evaluation-grid-kpi[data-v-5268c331] {
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-kpi-header[data-v-5268c331] {
    display: none;
}
}
.orangehrm-evaluation-grid-kpi-label[data-v-5268c331] {
  font-weight: 700;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-kpi-label[data-v-5268c331] {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
}
.orangehrm-evaluation-grid-kpi-minmax[data-v-5268c331] {
  font-size: 0.75rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-general[data-v-5268c331] {
    display: flex;
    align-items: center;
}
}
.orangehrm-evaluation-grid-general-label[data-v-5268c331] {
  font-weight: 700;
}
.orangehrm-evaluation-grid-spacer[data-v-5268c331] {
  padding: 0.5rem 0;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-spacer[data-v-5268c331] {
    display: none;
}
}
.orangehrm-evaluation-grid-spacer-md[data-v-5268c331] {
  display: none;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-spacer-md[data-v-5268c331] {
    display: block;
}
}
.orangehrm-evaluation-grid[data-v-5268c331] .oxd-textarea {
  min-height: unset;
  height: 58px;
}
.orangehrm-evaluation-grid[data-v-5268c331] .oxd-input {
  text-align: center;
  font-size: 1.2rem;
  height: 58px;
}
.orangehrm-evaluation .orangehrm-main-title[data-v-5268c331] {
  margin-bottom: 0.75rem;
}

.orangehrm-modal-header[data-v-74f89d56] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-74f89d56] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-74f89d56] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-74f89d56] {
  text-align: center;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4c95dcd8] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4c95dcd8] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4c95dcd8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4c95dcd8] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4c95dcd8] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4c95dcd8] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4c95dcd8] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4c95dcd8] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4c95dcd8] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4c95dcd8]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4c95dcd8] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4c95dcd8] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4c95dcd8] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4c95dcd8] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4c95dcd8] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4c95dcd8] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4c95dcd8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4c95dcd8] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4c95dcd8] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4c95dcd8] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4c95dcd8] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4c95dcd8],
.orangehrm-dialog-header-container[data-v-4c95dcd8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4c95dcd8],
.orangehrm-dialog-header-container .oxd-button[data-v-4c95dcd8] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4c95dcd8] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4c95dcd8] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4c95dcd8] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4c95dcd8] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4c95dcd8] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4c95dcd8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4c95dcd8] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4c95dcd8] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4c95dcd8] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4c95dcd8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4c95dcd8] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4c95dcd8] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4c95dcd8] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4c95dcd8] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4c95dcd8] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4c95dcd8] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4c95dcd8] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4c95dcd8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4c95dcd8] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4c95dcd8] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4c95dcd8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4c95dcd8] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4c95dcd8] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4c95dcd8] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4c95dcd8] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4c95dcd8] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4c95dcd8] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4c95dcd8] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4c95dcd8] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4c95dcd8] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-performance-review-title[data-v-4c95dcd8] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-actions[data-v-4c95dcd8] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-performance-review-actions[data-v-4c95dcd8] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-performance-review-actions[data-v-4c95dcd8] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-performance-review-actions[data-v-4c95dcd8] .oxd-button--medium {
    width: unset;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5b8c0bcb] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5b8c0bcb] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5b8c0bcb] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5b8c0bcb] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5b8c0bcb] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5b8c0bcb] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5b8c0bcb] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5b8c0bcb] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5b8c0bcb] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5b8c0bcb]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5b8c0bcb] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5b8c0bcb] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5b8c0bcb] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5b8c0bcb] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5b8c0bcb] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5b8c0bcb] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5b8c0bcb] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5b8c0bcb] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5b8c0bcb] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5b8c0bcb] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5b8c0bcb] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5b8c0bcb],
.orangehrm-dialog-header-container[data-v-5b8c0bcb] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5b8c0bcb],
.orangehrm-dialog-header-container .oxd-button[data-v-5b8c0bcb] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5b8c0bcb] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5b8c0bcb] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5b8c0bcb] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5b8c0bcb] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5b8c0bcb] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5b8c0bcb] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5b8c0bcb] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5b8c0bcb] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5b8c0bcb] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5b8c0bcb] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5b8c0bcb] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5b8c0bcb] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5b8c0bcb] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5b8c0bcb] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5b8c0bcb] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5b8c0bcb] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5b8c0bcb] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5b8c0bcb] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5b8c0bcb] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5b8c0bcb] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5b8c0bcb] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5b8c0bcb] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5b8c0bcb] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5b8c0bcb] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5b8c0bcb] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5b8c0bcb] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5b8c0bcb] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5b8c0bcb] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5b8c0bcb] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5b8c0bcb] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-performance-review-title[data-v-5b8c0bcb] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-actions[data-v-5b8c0bcb] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-performance-review-actions[data-v-5b8c0bcb] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-performance-review-actions[data-v-5b8c0bcb] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-performance-review-actions[data-v-5b8c0bcb] .oxd-button--medium {
    width: unset;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-29cf9234] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-29cf9234] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-29cf9234] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-29cf9234] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-29cf9234] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-29cf9234] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-29cf9234] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-29cf9234] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-29cf9234] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-29cf9234]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-29cf9234] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-29cf9234] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-29cf9234] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-29cf9234] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-29cf9234] {
  background-image: none !important;
}
.oxd-text--h5[data-v-29cf9234] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-29cf9234] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-29cf9234] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-29cf9234] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-29cf9234] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-29cf9234] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-29cf9234],
.orangehrm-dialog-header-container[data-v-29cf9234] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-29cf9234],
.orangehrm-dialog-header-container .oxd-button[data-v-29cf9234] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-29cf9234] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-29cf9234] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-29cf9234] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-29cf9234] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-29cf9234] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-29cf9234] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-29cf9234] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-29cf9234] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-29cf9234] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-29cf9234] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-29cf9234] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-29cf9234] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-29cf9234] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-29cf9234] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-29cf9234] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-29cf9234] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-29cf9234] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-29cf9234] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-29cf9234] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-29cf9234] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-29cf9234] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-29cf9234] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-29cf9234] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-29cf9234] {
  color: #38455d;
}
.orangehrm-form-action[data-v-29cf9234] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-29cf9234] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-29cf9234] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-29cf9234] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-29cf9234] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-29cf9234] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-profile-picture[data-v-29cf9234] {
  display: block;
  height: 90px;
  width: 90px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
}
.orangehrm-profile-picture img[data-v-29cf9234] {
  height: 90px;
  width: 90px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-44424255] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-44424255] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-44424255] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-44424255] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-44424255] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-44424255] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-44424255] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-44424255] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-44424255] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-44424255]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-44424255] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-44424255] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-44424255] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-44424255] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-44424255] {
  background-image: none !important;
}
.oxd-text--h5[data-v-44424255] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-44424255] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-44424255] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-44424255] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-44424255] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-44424255] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-44424255],
.orangehrm-dialog-header-container[data-v-44424255] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-44424255],
.orangehrm-dialog-header-container .oxd-button[data-v-44424255] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-44424255] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-44424255] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-44424255] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-44424255] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-44424255] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-44424255] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-44424255] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-44424255] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-44424255] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-44424255] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-44424255] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-44424255] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-44424255] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-44424255] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-44424255] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-44424255] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-44424255] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-44424255] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-44424255] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-44424255] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-44424255] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-44424255] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-44424255] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-44424255] {
  color: #38455d;
}
.orangehrm-form-action[data-v-44424255] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-44424255] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-44424255] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-44424255] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-44424255] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-44424255] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-directory-card[data-v-44424255] {
  height: auto;
  cursor: pointer;
  overflow: hidden;
  padding: 0.5rem 1rem;
}
.orangehrm-directory-card-header[data-v-44424255] {
  font-size: 14px;
  min-height: 28px;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0.75rem;
  word-break: break-word;
}
.orangehrm-directory-card-header.--break-words[data-v-44424255] {
  position: relative;
  overflow: hidden;
  max-height: 2;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-directory-card-header.--break-words[data-v-44424255]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-directory-card-header.--break-words[data-v-44424255] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-directory-card-header.--break-words[data-v-44424255]:after {
    display: none;
}
}
.orangehrm-directory-card-subtitle[data-v-44424255] {
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0.75rem;
  word-break: break-word;
}
.orangehrm-directory-card-subtitle.--break-words[data-v-44424255] {
  position: relative;
  overflow: hidden;
  max-height: 1;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-directory-card-subtitle.--break-words[data-v-44424255]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 1) {
.orangehrm-directory-card-subtitle.--break-words[data-v-44424255] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-directory-card-subtitle.--break-words[data-v-44424255]:after {
    display: none;
}
}
.orangehrm-directory-card-description[data-v-44424255] {
  font-size: 12px;
  text-align: left;
  word-break: break-word;
}
.orangehrm-directory-card-description.--break-words[data-v-44424255] {
  position: relative;
  overflow: hidden;
  max-height: 1;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-directory-card-description.--break-words[data-v-44424255]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 1) {
.orangehrm-directory-card-description.--break-words[data-v-44424255] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-directory-card-description.--break-words[data-v-44424255]:after {
    display: none;
}
}
.orangehrm-directory-card-description[data-v-44424255]:first-of-type {
  margin-bottom: 0.25rem;
}
.orangehrm-directory-card-body[data-v-44424255] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #fafafc;
}
.orangehrm-directory-card-icon[data-v-44424255] {
  font-size: 24px;
  margin-right: 0.5rem;
  color: #64728c;
}
@media (min-width: 800px) {
.orangehrm-directory-card[data-v-44424255] {
    min-height: 260px;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-134567b3] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-134567b3] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-134567b3] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-134567b3] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-134567b3] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-134567b3] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-134567b3] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-134567b3] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-134567b3] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-134567b3]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-134567b3] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-134567b3] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-134567b3] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-134567b3] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-134567b3] {
  background-image: none !important;
}
.oxd-text--h5[data-v-134567b3] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-134567b3] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-134567b3] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-134567b3] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-134567b3] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-134567b3] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-134567b3],
.orangehrm-dialog-header-container[data-v-134567b3] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-134567b3],
.orangehrm-dialog-header-container .oxd-button[data-v-134567b3] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-134567b3] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-134567b3] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-134567b3] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-134567b3] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-134567b3] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-134567b3] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-134567b3] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-134567b3] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-134567b3] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-134567b3] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-134567b3] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-134567b3] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-134567b3] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-134567b3] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-134567b3] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-134567b3] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-134567b3] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-134567b3] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-134567b3] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-134567b3] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-134567b3] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-134567b3] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-134567b3] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-134567b3] {
  color: #38455d;
}
.orangehrm-form-action[data-v-134567b3] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-134567b3] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-134567b3] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-134567b3] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-134567b3] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-134567b3] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-directory-card[data-v-134567b3] {
  height: auto;
  overflow: hidden;
  padding: 0.5rem 1rem;
}
@media (min-width: 800px) {
.orangehrm-directory-card[data-v-134567b3] {
    min-height: 280px;
}
}
.orangehrm-directory-card-rounded-body[data-v-134567b3] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  margin: 1rem 8px 1rem 0;
  border-radius: 1.2rem;
  width: auto;
  height: 64px;
  box-shadow: 5px 5px 5px 5px #fafafc;
}
.orangehrm-directory-card-hover[data-v-134567b3] {
  display: flex;
  justify-content: space-between;
  padding: 0.25rem 0.75rem;
  border-radius: 0.5rem;
  margin: auto;
}
@media (min-width: 800px) {
.orangehrm-directory-card-hover[data-v-134567b3] {
    width: auto;
}
}
.orangehrm-directory-card-hover-body[data-v-134567b3] {
  display: block;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  word-wrap: break-word;
}
.orangehrm-directory-card-hover-icon[data-v-134567b3] {
  color: #64728c;
  font-size: 14px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.orangehrm-directory-card-hover[data-v-134567b3]:hover {
  background-color: #fafafc;
}
.orangehrm-directory-card-icon[data-v-134567b3] {
  margin: 0 0.5rem 0 0;
  color: #64728c;
  font-size: 24px;
  display: flex;
  justify-content: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-90f2162a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-90f2162a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-90f2162a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-90f2162a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-90f2162a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-90f2162a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-90f2162a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-90f2162a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-90f2162a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-90f2162a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-90f2162a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-90f2162a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-90f2162a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-90f2162a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-90f2162a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-90f2162a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-90f2162a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-90f2162a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-90f2162a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-90f2162a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-90f2162a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-90f2162a],
.orangehrm-dialog-header-container[data-v-90f2162a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-90f2162a],
.orangehrm-dialog-header-container .oxd-button[data-v-90f2162a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-90f2162a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-90f2162a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-90f2162a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-90f2162a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-90f2162a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-90f2162a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-90f2162a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-90f2162a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-90f2162a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-90f2162a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-90f2162a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-90f2162a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-90f2162a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-90f2162a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-90f2162a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-90f2162a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-90f2162a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-90f2162a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-90f2162a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-90f2162a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-90f2162a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-90f2162a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-90f2162a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-90f2162a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-90f2162a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-90f2162a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-90f2162a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-90f2162a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-90f2162a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-90f2162a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-corporate-directory[data-v-90f2162a] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-corporate-directory[data-v-90f2162a] {
    display: flex;
    justify-content: space-between;
}
}
.orangehrm-corporate-directory-sidebar[data-v-90f2162a] {
  min-width: 250px;
  max-width: 250px;
  margin-left: 1rem;
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.orangehrm-container[data-v-90f2162a] {
  height: 512px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-90f2162a]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-90f2162a]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-90f2162a]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-90f2162a] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-90f2162a] {
  margin: 0 auto;
  background-color: #ffffff;
}
.oxd-grid-item[data-v-90f2162a] {
  padding: 0.5rem 0.75rem;
}
.orangehrm-paper-container[data-v-90f2162a] {
  width: 100%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-7f780453] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-7f780453] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-7f780453] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-7f780453] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-7f780453] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-7f780453] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-7f780453] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-7f780453] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-7f780453] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-7f780453]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-7f780453] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-7f780453] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-7f780453] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-7f780453] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-7f780453] {
  background-image: none !important;
}
.oxd-text--h5[data-v-7f780453] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-7f780453] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-7f780453] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-7f780453] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-7f780453] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-7f780453] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-7f780453],
.orangehrm-dialog-header-container[data-v-7f780453] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-7f780453],
.orangehrm-dialog-header-container .oxd-button[data-v-7f780453] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-7f780453] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-7f780453] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-7f780453] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-7f780453] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-7f780453] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-7f780453] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-7f780453] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-7f780453] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-7f780453] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-7f780453] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-7f780453] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-7f780453] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-7f780453] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-7f780453] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-7f780453] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-7f780453] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-7f780453] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-7f780453] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-7f780453] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-7f780453] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-7f780453] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-7f780453] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-7f780453] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-7f780453] {
  color: #38455d;
}
.orangehrm-form-action[data-v-7f780453] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-7f780453] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-7f780453] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-7f780453] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-7f780453] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-7f780453] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-login-layout[data-v-7f780453] {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-width: 0px) {
.orangehrm-login-layout[data-v-7f780453] {
    background-color: #f1f2f5;
}
}
@media (min-width: 800px) {
.orangehrm-login-layout[data-v-7f780453] {
    background-color: var(--oxd-primary-one-color);
}
}
.orangehrm-login-layout-blob[data-v-7f780453] {
  height: inherit;
  width: inherit;
  display: flex;
  position: relative;
  align-items: center;
  min-height: 100vh;
}
@media screen and (max-width: 799px) {
.orangehrm-login-layout-blob[data-v-7f780453]::before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    -webkit-mask: url(../img/blob-m.svg);
            mask: url(../img/blob-m.svg);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: var(--oxd-primary-one-color);
}
}
@media (min-width: 800px) {
.orangehrm-login-layout-blob[data-v-7f780453] {
    background-image: url(../img/blob.svg);
    background-repeat: no-repeat;
    background-size: 80% 100%;
}
}
.orangehrm-login-container[data-v-7f780453] {
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-login-container[data-v-7f780453] {
    width: 80%;
}
}
.orangehrm-login-logo[data-v-7f780453] {
  position: absolute;
  right: 15%;
  padding: 1rem;
  background-color: #f6f5fb;
  border-radius: 100%;
  display: none;
}
.orangehrm-login-logo img[data-v-7f780453] {
  width: 10rem;
}
@media (min-width: 800px) {
.orangehrm-login-logo[data-v-7f780453] {
    display: block;
}
}
.orangehrm-login-slot-wrapper[data-v-7f780453] {
  padding: 1rem 2rem;
  width: inherit;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper[data-v-7f780453] {
    padding: 1rem 10rem;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-7f780453] {
  padding: 1rem;
  background-color: #f6f5fb;
  border-radius: 100%;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 1rem;
  display: block;
}
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile img[data-v-7f780453] {
  width: 5rem;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-7f780453] {
    display: none;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-slot[data-v-7f780453] {
  background-color: #ffffff;
  padding: 2rem 0;
  border-radius: 1rem;
  margin: 0 auto;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper .orangehrm-login-slot[data-v-7f780453] {
    background-color: transparent;
    padding: unset;
}
}
.orangehrm-login-branding[data-v-7f780453] {
  padding: 1.5rem 1rem;
  background-color: #ffffff;
  border-radius: 1rem;
  text-align: center;
  box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.08);
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-login-branding img[data-v-7f780453] {
  width: 100%;
  max-width: 275px;
  height: auto;
  max-height: 65px;
}
@media (min-width: 800px) {
.orangehrm-login-branding[data-v-7f780453] {
    width: 80%;
    max-width: 520px;
}
}
.orangehrm-login-social[data-v-7f780453] {
  padding: 1rem 0;
}
.orangehrm-login-social-text[data-v-7f780453] {
  text-align: center;
  margin-bottom: 1rem;
}
.orangehrm-login-social-icons[data-v-7f780453] {
  display: flex;
  justify-content: center;
}
.orangehrm-login-social-icons .--loginwith[data-v-7f780453] {
  margin: 0 0.25rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4972d5fc] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4972d5fc] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4972d5fc] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4972d5fc] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4972d5fc] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4972d5fc] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4972d5fc] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4972d5fc] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4972d5fc] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4972d5fc]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4972d5fc] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4972d5fc] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4972d5fc] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4972d5fc] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4972d5fc] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4972d5fc] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4972d5fc] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4972d5fc] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4972d5fc] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4972d5fc] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4972d5fc] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4972d5fc],
.orangehrm-dialog-header-container[data-v-4972d5fc] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4972d5fc],
.orangehrm-dialog-header-container .oxd-button[data-v-4972d5fc] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4972d5fc] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4972d5fc] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4972d5fc] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4972d5fc] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4972d5fc] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4972d5fc] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4972d5fc] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4972d5fc] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4972d5fc] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4972d5fc] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4972d5fc] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4972d5fc] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4972d5fc] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4972d5fc] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4972d5fc] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4972d5fc] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4972d5fc] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4972d5fc] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4972d5fc] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4972d5fc] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4972d5fc] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4972d5fc] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4972d5fc] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4972d5fc] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4972d5fc] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4972d5fc] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4972d5fc] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4972d5fc] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4972d5fc] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4972d5fc] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-login-layout[data-v-4972d5fc] {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-width: 0px) {
.orangehrm-login-layout[data-v-4972d5fc] {
    background-color: #f1f2f5;
}
}
@media (min-width: 800px) {
.orangehrm-login-layout[data-v-4972d5fc] {
    background-color: var(--oxd-primary-one-color);
}
}
.orangehrm-login-layout-blob[data-v-4972d5fc] {
  height: inherit;
  width: inherit;
  display: flex;
  position: relative;
  align-items: center;
  min-height: 100vh;
}
@media screen and (max-width: 799px) {
.orangehrm-login-layout-blob[data-v-4972d5fc]::before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    -webkit-mask: url(../img/blob-m.svg);
            mask: url(../img/blob-m.svg);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: var(--oxd-primary-one-color);
}
}
@media (min-width: 800px) {
.orangehrm-login-layout-blob[data-v-4972d5fc] {
    background-image: url(../img/blob.svg);
    background-repeat: no-repeat;
    background-size: 80% 100%;
}
}
.orangehrm-login-container[data-v-4972d5fc] {
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-login-container[data-v-4972d5fc] {
    width: 80%;
}
}
.orangehrm-login-logo[data-v-4972d5fc] {
  position: absolute;
  right: 15%;
  padding: 1rem;
  background-color: #f6f5fb;
  border-radius: 100%;
  display: none;
}
.orangehrm-login-logo img[data-v-4972d5fc] {
  width: 10rem;
}
@media (min-width: 800px) {
.orangehrm-login-logo[data-v-4972d5fc] {
    display: block;
}
}
.orangehrm-login-slot-wrapper[data-v-4972d5fc] {
  padding: 1rem 2rem;
  width: inherit;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper[data-v-4972d5fc] {
    padding: 1rem 10rem;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-4972d5fc] {
  padding: 1rem;
  background-color: #f6f5fb;
  border-radius: 100%;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 1rem;
  display: block;
}
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile img[data-v-4972d5fc] {
  width: 5rem;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-4972d5fc] {
    display: none;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-slot[data-v-4972d5fc] {
  background-color: #ffffff;
  padding: 2rem 0;
  border-radius: 1rem;
  margin: 0 auto;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper .orangehrm-login-slot[data-v-4972d5fc] {
    background-color: transparent;
    padding: unset;
}
}
.orangehrm-login-branding[data-v-4972d5fc] {
  padding: 1.5rem 1rem;
  background-color: #ffffff;
  border-radius: 1rem;
  text-align: center;
  box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.08);
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-login-branding img[data-v-4972d5fc] {
  width: 100%;
  max-width: 275px;
  height: auto;
  max-height: 65px;
}
@media (min-width: 800px) {
.orangehrm-login-branding[data-v-4972d5fc] {
    width: 80%;
    max-width: 520px;
}
}
.orangehrm-login-social[data-v-4972d5fc] {
  padding: 1rem 0;
}
.orangehrm-login-social-text[data-v-4972d5fc] {
  text-align: center;
  margin-bottom: 1rem;
}
.orangehrm-login-social-icons[data-v-4972d5fc] {
  display: flex;
  justify-content: center;
}
.orangehrm-login-social-icons .--loginwith[data-v-4972d5fc] {
  margin: 0 0.25rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}

.orangehrm-login-layout {
  background-color: #fff !important;
}

.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}

.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}

.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}

.orangehrm-login-form {
  width: 80% !important;
}

.orangehrm-login-form .oxd-label {
  color: #fff !important;
}

.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}

.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}

.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}

.orangehrm-login-forgot p {
  color: #fff !important;
}

.orangehrm-copyright-wrapper p {
  color: #fff !important;
}

.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}

.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}

.oxd-topbar-header {
  background-image: none !important;
}

.oxd-text--h5 {
  color: #64728c !important;
}

.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}

.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}

.oxd-main-menu-item--icon {
  color: #fff !important;
}

.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}

.orangehrm-header-container {
  padding: 25px;
}

.orangehrm-dialog-header-container {
  padding: 1.2rem;
}

.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

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

.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}

.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}

.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}

.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}

.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}

.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.orangehrm-top-padding {
  padding-top: 25px;
}

.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}

.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}

.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}

.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}

.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}

.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}

.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}

.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
  .orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
  }
}

.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}

.orangehrm-dialog-popup {
  max-width: 450px;
}

.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}

.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/**
 * Solid Buttons
**/
/* Main */
/* Secondary */
/* Info */
/* Danger */
/* Warning */
/* Success */
/**
 * Ghost Button
**/
/* Info */
/* Danger */
/* Warning */
/* Success */
/* Tool */
/**
 * Label Button
**/
/* Info */
/* Danger */
/* Warning */
/* Success */
/* Text button */
/**
 * Icon Button
**/
/**
 * List Button
**/
.orangehrm-login-form {
  margin: 0 auto;
}
@media (min-width: 0px) {
  .orangehrm-login-form {
    width: 80%;
  }
}
@media (min-width: 800px) {
  .orangehrm-login-form {
    width: 60%;
    max-width: 485px;
  }
}

.orangehrm-login-action {
  margin-top: 2rem;
  justify-content: center;
}

.orangehrm-login-button {
  flex: 1;
  padding: 1rem 0;
}

.orangehrm-login-title {
  text-align: center;
  margin-bottom: 1rem;
  color: #fff;
  font-size: 25px;
}

.orangehrm-login-pwreset {
  margin: 1rem 0;
  text-align: center;
  font-weight: 600;
}
.orangehrm-login-pwreset a {
  color: var(--oxd-primary-one-color);
  text-decoration: none;
}

.orangehrm-login-forgot {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  font-size: 14px;
}
.orangehrm-login-forgot-header {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}

.orangehrm-demo-credentials {
  margin: 1rem 0;
}

.orangehrm-login-footer-sm {
  display: flex;
  justify-content: center;
  align-items: center;
}
.orangehrm-login-footer-sm a {
  width: 22px;
  height: 22px;
  margin: 0 0.25rem;
}
.orangehrm-login-footer-sm .orangehrm-sm-icon {
  width: inherit;
  height: inherit;
  color: rgba(146, 155, 170, 0.8);
}
@media (min-width: 800px) {
  .orangehrm-login-footer-sm {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
  }
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.error-validation {
  background-color: rgba(255, 255, 255, 0.7) !important;
}
.username-container {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  width: 100%;
  margin-bottom: 5%;
}
.username-input {
  color: #64728c;
  font-family: Nunito Sans;
  font-weight: 900;
  padding: 4%;
  flex-grow: 1;
  font-size: 14px;
  border-radius: 100px;
  border: none;
}
.username-container label {
  margin-bottom: 10px;
  font-weight: 900;
  color: white;
  font-size: 14px;
}
.password-container {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  flex-direction: column;
  align-items: stretch;
}
.password-input {
  flex-grow: 1;
  padding: 4%;
  font-family: Nunito Sans;
  font-size: 14px;
  font-weight: 900;
  border-radius: 100px;
  border: none;
  color: #64728c;
}
.password-eye-icon {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
  margin-top: 4%;
}
.password-container label {
  display: block;
  margin-bottom: 5px;
  font-weight: 900;
  color: white;
  font-size: 14px;
}
.orangehrm-login-title {
  font-size: 30px;
  font-weight: 900;
  padding-bottom: 8%;
}
#login-button {
  font-size: 18px;
  font-weight: 900;
  border-radius: 5px;
  padding: 12px;
}
.orangehrm-login-forgot-header,
.orangehrm-login-footer {
  font-weight: 900;
}
.orangehrm-login-forgot-header {
  font-size: 16px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4a4b5fa4] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4a4b5fa4] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4a4b5fa4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4a4b5fa4] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4a4b5fa4] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4a4b5fa4] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4a4b5fa4] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4a4b5fa4] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4a4b5fa4] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4a4b5fa4]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4a4b5fa4] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4a4b5fa4] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4a4b5fa4] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4a4b5fa4] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4a4b5fa4] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4a4b5fa4] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4a4b5fa4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4a4b5fa4] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4a4b5fa4] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4a4b5fa4] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4a4b5fa4] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4a4b5fa4],
.orangehrm-dialog-header-container[data-v-4a4b5fa4] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4a4b5fa4],
.orangehrm-dialog-header-container .oxd-button[data-v-4a4b5fa4] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4a4b5fa4] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4a4b5fa4] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4a4b5fa4] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4a4b5fa4] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4a4b5fa4] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4a4b5fa4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4a4b5fa4] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4a4b5fa4] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4a4b5fa4] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4a4b5fa4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4a4b5fa4] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4a4b5fa4] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4a4b5fa4] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4a4b5fa4] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4a4b5fa4] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4a4b5fa4] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4a4b5fa4] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4a4b5fa4] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4a4b5fa4] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4a4b5fa4] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4a4b5fa4] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4a4b5fa4] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4a4b5fa4] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4a4b5fa4] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4a4b5fa4] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4a4b5fa4] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4a4b5fa4] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4a4b5fa4] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4a4b5fa4] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4a4b5fa4] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-container[data-v-4a4b5fa4] {
  box-shadow: 3px 3px 10px #929baa;
}
.orangehrm-admin-access-container[data-v-4a4b5fa4] {
  display: flex;
  width: inherit;
  height: inherit;
  padding: 1rem 2rem;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-admin-access-container[data-v-4a4b5fa4] {
    margin: 0 auto;
    max-width: 450px;
}
}
.orangehrm-admin-access-title[data-v-4a4b5fa4] {
  font-weight: 700;
}
.orangehrm-admin-access-note-container[data-v-4a4b5fa4] {
  padding-bottom: 1.2rem;
}
.orangehrm-admin-access-button[data-v-4a4b5fa4] {
  flex: 1;
}
.orangehrm-admin-access-button[data-v-4a4b5fa4]:nth-child(2) {
  margin-top: 0.5rem;
}
@media (min-width: 800px) {
.orangehrm-admin-access-button[data-v-4a4b5fa4]:nth-child(2) {
    margin: 0;
    margin-left: 0.5rem;
}
}
.orangehrm-admin-access-button-container[data-v-4a4b5fa4] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-admin-access-button-container[data-v-4a4b5fa4] {
    flex-direction: row;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-1e6cd7ba] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-1e6cd7ba] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-1e6cd7ba] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-1e6cd7ba] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-1e6cd7ba] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-1e6cd7ba] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-1e6cd7ba] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-1e6cd7ba] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-1e6cd7ba] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-1e6cd7ba]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-1e6cd7ba] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-1e6cd7ba] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-1e6cd7ba] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-1e6cd7ba] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-1e6cd7ba] {
  background-image: none !important;
}
.oxd-text--h5[data-v-1e6cd7ba] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-1e6cd7ba] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-1e6cd7ba] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-1e6cd7ba] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-1e6cd7ba] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-1e6cd7ba] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-1e6cd7ba],
.orangehrm-dialog-header-container[data-v-1e6cd7ba] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-1e6cd7ba],
.orangehrm-dialog-header-container .oxd-button[data-v-1e6cd7ba] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-1e6cd7ba] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-1e6cd7ba] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-1e6cd7ba] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-1e6cd7ba] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-1e6cd7ba] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-1e6cd7ba] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-1e6cd7ba] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-1e6cd7ba] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-1e6cd7ba] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-1e6cd7ba] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-1e6cd7ba] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-1e6cd7ba] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-1e6cd7ba] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-1e6cd7ba] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-1e6cd7ba] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-1e6cd7ba] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-1e6cd7ba] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-1e6cd7ba] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-1e6cd7ba] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-1e6cd7ba] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-1e6cd7ba] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-1e6cd7ba] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-1e6cd7ba] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-1e6cd7ba] {
  color: #38455d;
}
.orangehrm-form-action[data-v-1e6cd7ba] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-1e6cd7ba] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-1e6cd7ba] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-1e6cd7ba] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-1e6cd7ba] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-1e6cd7ba] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-icon[data-v-1e6cd7ba] {
  font-size: 1.5rem;
  color: #eb0910;
  padding: 1rem;
}
.orangehrm-card-note[data-v-1e6cd7ba] {
  font-size: 12px;
}
.orangehrm-card-note-text[data-v-1e6cd7ba] {
  color: #eb0910;
}
.orangehrm-card-note-icon[data-v-1e6cd7ba] {
  flex-shrink: 0;
}
.orangehrm-card-note--background[data-v-1e6cd7ba] {
  background-color: #e8eaef;
  border-radius: 1.2rem;
  padding: 1.2rem;
}
.orangehrm-card-note--icon[data-v-1e6cd7ba] {
  display: flex;
  align-items: center;
  background-color: rgba(235, 9, 16, 0.06);
  border-radius: 1.2rem;
  padding: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-0ec970ee] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-0ec970ee] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-0ec970ee] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-0ec970ee] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-0ec970ee] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-0ec970ee] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-0ec970ee] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-0ec970ee] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-0ec970ee] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-0ec970ee]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-0ec970ee] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-0ec970ee] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-0ec970ee] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-0ec970ee] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-0ec970ee] {
  background-image: none !important;
}
.oxd-text--h5[data-v-0ec970ee] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-0ec970ee] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-0ec970ee] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-0ec970ee] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-0ec970ee] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-0ec970ee] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-0ec970ee],
.orangehrm-dialog-header-container[data-v-0ec970ee] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-0ec970ee],
.orangehrm-dialog-header-container .oxd-button[data-v-0ec970ee] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-0ec970ee] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-0ec970ee] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-0ec970ee] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-0ec970ee] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-0ec970ee] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-0ec970ee] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-0ec970ee] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-0ec970ee] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-0ec970ee] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-0ec970ee] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-0ec970ee] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-0ec970ee] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-0ec970ee] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-0ec970ee] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-0ec970ee] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-0ec970ee] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-0ec970ee] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-0ec970ee] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-0ec970ee] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-0ec970ee] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-0ec970ee] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-0ec970ee] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-0ec970ee] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-0ec970ee] {
  color: #38455d;
}
.orangehrm-form-action[data-v-0ec970ee] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-0ec970ee] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-0ec970ee] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-0ec970ee] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-0ec970ee] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-0ec970ee] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-container[data-v-0ec970ee] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-0ec970ee] {
    width: 30vw;
}
}
.orangehrm-forgot-password-container .loading-overlay[data-v-0ec970ee] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.orangehrm-forgot-password-reset[data-v-0ec970ee] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-0ec970ee] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-0ec970ee] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-0ec970ee] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-0ec970ee] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-note.--padding[data-v-0ec970ee] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-0ec970ee] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-0ec970ee] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-0ec970ee] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-0ec970ee] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-0ec970ee] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-0ec970ee] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-0ec970ee] {
    margin-right: 0.5rem;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-558daf92] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-558daf92] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-558daf92] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-558daf92] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-558daf92] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-558daf92] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-558daf92] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-558daf92] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-558daf92] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-558daf92]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-558daf92] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-558daf92] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-558daf92] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-558daf92] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-558daf92] {
  background-image: none !important;
}
.oxd-text--h5[data-v-558daf92] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-558daf92] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-558daf92] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-558daf92] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-558daf92] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-558daf92] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-558daf92],
.orangehrm-dialog-header-container[data-v-558daf92] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-558daf92],
.orangehrm-dialog-header-container .oxd-button[data-v-558daf92] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-558daf92] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-558daf92] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-558daf92] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-558daf92] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-558daf92] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-558daf92] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-558daf92] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-558daf92] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-558daf92] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-558daf92] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-558daf92] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-558daf92] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-558daf92] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-558daf92] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-558daf92] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-558daf92] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-558daf92] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-558daf92] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-558daf92] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-558daf92] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-558daf92] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-558daf92] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-558daf92] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-558daf92] {
  color: #38455d;
}
.orangehrm-form-action[data-v-558daf92] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-558daf92] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-558daf92] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-558daf92] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-558daf92] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-558daf92] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-container[data-v-558daf92] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-558daf92] {
    width: 30vw;
}
}
.orangehrm-forgot-password-container .loading-overlay[data-v-558daf92] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.orangehrm-forgot-password-reset[data-v-558daf92] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-558daf92] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-558daf92] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-558daf92] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-558daf92] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-note.--padding[data-v-558daf92] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-558daf92] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-558daf92] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-558daf92] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-558daf92] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-558daf92] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-558daf92] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-558daf92] {
    margin-right: 0.5rem;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3630b2cc] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3630b2cc] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3630b2cc] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3630b2cc] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3630b2cc] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3630b2cc] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3630b2cc] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3630b2cc] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3630b2cc] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3630b2cc]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3630b2cc] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3630b2cc] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3630b2cc] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3630b2cc] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3630b2cc] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3630b2cc] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3630b2cc] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3630b2cc] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3630b2cc] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3630b2cc] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3630b2cc] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3630b2cc],
.orangehrm-dialog-header-container[data-v-3630b2cc] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3630b2cc],
.orangehrm-dialog-header-container .oxd-button[data-v-3630b2cc] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3630b2cc] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3630b2cc] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3630b2cc] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3630b2cc] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3630b2cc] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3630b2cc] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3630b2cc] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3630b2cc] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3630b2cc] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3630b2cc] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3630b2cc] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3630b2cc] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3630b2cc] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3630b2cc] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3630b2cc] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3630b2cc] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3630b2cc] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3630b2cc] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3630b2cc] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3630b2cc] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3630b2cc] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3630b2cc] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3630b2cc] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3630b2cc] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3630b2cc] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3630b2cc] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3630b2cc] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3630b2cc] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3630b2cc] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3630b2cc] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-container[data-v-3630b2cc] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-3630b2cc] {
    width: 30vw;
}
}
.orangehrm-forgot-password-container .loading-overlay[data-v-3630b2cc] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.orangehrm-forgot-password-reset[data-v-3630b2cc] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-3630b2cc] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-3630b2cc] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-3630b2cc] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-3630b2cc] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-note.--padding[data-v-3630b2cc] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-3630b2cc] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-3630b2cc] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-3630b2cc] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-3630b2cc] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-3630b2cc] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-3630b2cc] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-3630b2cc] {
    margin-right: 0.5rem;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-67cc0276] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-67cc0276] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-67cc0276] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-67cc0276] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-67cc0276] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-67cc0276] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-67cc0276] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-67cc0276] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-67cc0276] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-67cc0276]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-67cc0276] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-67cc0276] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-67cc0276] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-67cc0276] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-67cc0276] {
  background-image: none !important;
}
.oxd-text--h5[data-v-67cc0276] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-67cc0276] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-67cc0276] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-67cc0276] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-67cc0276] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-67cc0276] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-67cc0276],
.orangehrm-dialog-header-container[data-v-67cc0276] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-67cc0276],
.orangehrm-dialog-header-container .oxd-button[data-v-67cc0276] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-67cc0276] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-67cc0276] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-67cc0276] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-67cc0276] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-67cc0276] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-67cc0276] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-67cc0276] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-67cc0276] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-67cc0276] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-67cc0276] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-67cc0276] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-67cc0276] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-67cc0276] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-67cc0276] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-67cc0276] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-67cc0276] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-67cc0276] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-67cc0276] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-67cc0276] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-67cc0276] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-67cc0276] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-67cc0276] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-67cc0276] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-67cc0276] {
  color: #38455d;
}
.orangehrm-form-action[data-v-67cc0276] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-67cc0276] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-67cc0276] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-67cc0276] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-67cc0276] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-67cc0276] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-container[data-v-67cc0276] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-67cc0276] {
    width: 30vw;
}
}
.orangehrm-forgot-password-container .loading-overlay[data-v-67cc0276] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.orangehrm-forgot-password-reset[data-v-67cc0276] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-67cc0276] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-67cc0276] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-67cc0276] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-67cc0276] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-note.--padding[data-v-67cc0276] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-67cc0276] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-67cc0276] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-67cc0276] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-67cc0276] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-67cc0276] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-67cc0276] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-67cc0276] {
    margin-right: 0.5rem;
}
}

.bg-message[data-v-b86d8c26] {
  background-color: #dcf7e0;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-b86d8c26] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-b86d8c26] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-b86d8c26] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-b86d8c26] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-b86d8c26] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-b86d8c26] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-b86d8c26] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-b86d8c26] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-b86d8c26] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-b86d8c26]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-b86d8c26] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-b86d8c26] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-b86d8c26] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-b86d8c26] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-b86d8c26] {
  background-image: none !important;
}
.oxd-text--h5[data-v-b86d8c26] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-b86d8c26] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-b86d8c26] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-b86d8c26] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-b86d8c26] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-b86d8c26] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-b86d8c26],
.orangehrm-dialog-header-container[data-v-b86d8c26] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-b86d8c26],
.orangehrm-dialog-header-container .oxd-button[data-v-b86d8c26] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-b86d8c26] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-b86d8c26] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-b86d8c26] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-b86d8c26] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-b86d8c26] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-b86d8c26] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-b86d8c26] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-b86d8c26] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-b86d8c26] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-b86d8c26] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-b86d8c26] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-b86d8c26] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-b86d8c26] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-b86d8c26] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-b86d8c26] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-b86d8c26] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-b86d8c26] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-b86d8c26] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-b86d8c26] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-b86d8c26] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-b86d8c26] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-b86d8c26] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-b86d8c26] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-b86d8c26] {
  color: #38455d;
}
.orangehrm-form-action[data-v-b86d8c26] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-b86d8c26] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-b86d8c26] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-b86d8c26] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-b86d8c26] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-b86d8c26] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-container[data-v-b86d8c26] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-b86d8c26] {
    width: 30vw;
}
}
.orangehrm-forgot-password-container .loading-overlay[data-v-b86d8c26] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.orangehrm-forgot-password-reset[data-v-b86d8c26] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-b86d8c26] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-b86d8c26] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-b86d8c26] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-b86d8c26] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-note.--padding[data-v-b86d8c26] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-b86d8c26] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-b86d8c26] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-b86d8c26] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-b86d8c26] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-b86d8c26] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-b86d8c26] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-b86d8c26] {
    margin-right: 0.5rem;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-50727291] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-50727291] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-50727291] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-50727291] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-50727291] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-50727291] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-50727291] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-50727291] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-50727291] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-50727291]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-50727291] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-50727291] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-50727291] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-50727291] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-50727291] {
  background-image: none !important;
}
.oxd-text--h5[data-v-50727291] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-50727291] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-50727291] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-50727291] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-50727291] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-50727291] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-50727291],
.orangehrm-dialog-header-container[data-v-50727291] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-50727291],
.orangehrm-dialog-header-container .oxd-button[data-v-50727291] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-50727291] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-50727291] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-50727291] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-50727291] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-50727291] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-50727291] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-50727291] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-50727291] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-50727291] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-50727291] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-50727291] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-50727291] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-50727291] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-50727291] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-50727291] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-50727291] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-50727291] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-50727291] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-50727291] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-50727291] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-50727291] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-50727291] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-50727291] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-50727291] {
  color: #38455d;
}
.orangehrm-form-action[data-v-50727291] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-50727291] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-50727291] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-50727291] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-50727291] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-50727291] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-container[data-v-50727291] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-50727291] {
    width: 30vw;
}
}
.orangehrm-forgot-password-container .loading-overlay[data-v-50727291] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.orangehrm-forgot-password-reset[data-v-50727291] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-50727291] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-50727291] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-50727291] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-50727291] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-note.--padding[data-v-50727291] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-50727291] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-50727291] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-50727291] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-50727291] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-50727291] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-50727291] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-50727291] {
    margin-right: 0.5rem;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-43b8d9e7] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-43b8d9e7] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-43b8d9e7] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-43b8d9e7] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-43b8d9e7] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-43b8d9e7] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-43b8d9e7] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-43b8d9e7] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-43b8d9e7] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-43b8d9e7]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-43b8d9e7] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-43b8d9e7] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-43b8d9e7] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-43b8d9e7] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-43b8d9e7] {
  background-image: none !important;
}
.oxd-text--h5[data-v-43b8d9e7] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-43b8d9e7] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-43b8d9e7] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-43b8d9e7] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-43b8d9e7] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-43b8d9e7] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-43b8d9e7],
.orangehrm-dialog-header-container[data-v-43b8d9e7] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-43b8d9e7],
.orangehrm-dialog-header-container .oxd-button[data-v-43b8d9e7] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-43b8d9e7] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-43b8d9e7] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-43b8d9e7] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-43b8d9e7] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-43b8d9e7] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-43b8d9e7] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-43b8d9e7] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-43b8d9e7] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-43b8d9e7] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-43b8d9e7] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-43b8d9e7] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-43b8d9e7] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-43b8d9e7] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-43b8d9e7] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-43b8d9e7] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-43b8d9e7] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-43b8d9e7] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-43b8d9e7] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-43b8d9e7] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-43b8d9e7] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-43b8d9e7] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-43b8d9e7] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-43b8d9e7] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-43b8d9e7] {
  color: #38455d;
}
.orangehrm-form-action[data-v-43b8d9e7] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-43b8d9e7] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-43b8d9e7] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-43b8d9e7] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-43b8d9e7] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-43b8d9e7] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-container[data-v-43b8d9e7] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-43b8d9e7] {
    width: 30vw;
}
}
.orangehrm-forgot-password-container .loading-overlay[data-v-43b8d9e7] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.orangehrm-forgot-password-reset[data-v-43b8d9e7] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-43b8d9e7] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-43b8d9e7] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-43b8d9e7] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-43b8d9e7] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-note.--padding[data-v-43b8d9e7] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-43b8d9e7] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-43b8d9e7] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-43b8d9e7] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-43b8d9e7] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-43b8d9e7] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-43b8d9e7] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-43b8d9e7] {
    margin-right: 0.5rem;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5d01a5e6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5d01a5e6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5d01a5e6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5d01a5e6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5d01a5e6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5d01a5e6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5d01a5e6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5d01a5e6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5d01a5e6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5d01a5e6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5d01a5e6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5d01a5e6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5d01a5e6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5d01a5e6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5d01a5e6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5d01a5e6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5d01a5e6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5d01a5e6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5d01a5e6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5d01a5e6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5d01a5e6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5d01a5e6],
.orangehrm-dialog-header-container[data-v-5d01a5e6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5d01a5e6],
.orangehrm-dialog-header-container .oxd-button[data-v-5d01a5e6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5d01a5e6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5d01a5e6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5d01a5e6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5d01a5e6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5d01a5e6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5d01a5e6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5d01a5e6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5d01a5e6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5d01a5e6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5d01a5e6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5d01a5e6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5d01a5e6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5d01a5e6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5d01a5e6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5d01a5e6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5d01a5e6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5d01a5e6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5d01a5e6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5d01a5e6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5d01a5e6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5d01a5e6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5d01a5e6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5d01a5e6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5d01a5e6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5d01a5e6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5d01a5e6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5d01a5e6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5d01a5e6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5d01a5e6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5d01a5e6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-container[data-v-5d01a5e6] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-5d01a5e6] {
    width: 30vw;
}
}
.orangehrm-forgot-password-container .loading-overlay[data-v-5d01a5e6] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.orangehrm-forgot-password-reset[data-v-5d01a5e6] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-5d01a5e6] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-5d01a5e6] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-5d01a5e6] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-5d01a5e6] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-note.--padding[data-v-5d01a5e6] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-5d01a5e6] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-5d01a5e6] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-5d01a5e6] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-5d01a5e6] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-5d01a5e6] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-5d01a5e6] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-5d01a5e6] {
    margin-right: 0.5rem;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-41d7641c] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-41d7641c] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-41d7641c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-41d7641c] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-41d7641c] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-41d7641c] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-41d7641c] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-41d7641c] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-41d7641c] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-41d7641c]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-41d7641c] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-41d7641c] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-41d7641c] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-41d7641c] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-41d7641c] {
  background-image: none !important;
}
.oxd-text--h5[data-v-41d7641c] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-41d7641c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-41d7641c] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-41d7641c] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-41d7641c] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-41d7641c] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-41d7641c],
.orangehrm-dialog-header-container[data-v-41d7641c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-41d7641c],
.orangehrm-dialog-header-container .oxd-button[data-v-41d7641c] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-41d7641c] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-41d7641c] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-41d7641c] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-41d7641c] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-41d7641c] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-41d7641c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-41d7641c] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-41d7641c] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-41d7641c] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-41d7641c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-41d7641c] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-41d7641c] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-41d7641c] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-41d7641c] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-41d7641c] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-41d7641c] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-41d7641c] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-41d7641c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-41d7641c] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-41d7641c] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-41d7641c] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-41d7641c] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-41d7641c] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-41d7641c] {
  color: #38455d;
}
.orangehrm-form-action[data-v-41d7641c] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-41d7641c] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-41d7641c] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-41d7641c] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-41d7641c] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-41d7641c] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-container[data-v-41d7641c] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-41d7641c] {
    width: 30vw;
}
}
.orangehrm-forgot-password-container .loading-overlay[data-v-41d7641c] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.orangehrm-forgot-password-reset[data-v-41d7641c] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-41d7641c] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-41d7641c] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-41d7641c] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-41d7641c] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-note.--padding[data-v-41d7641c] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-41d7641c] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-41d7641c] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-41d7641c] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-41d7641c] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-41d7641c] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-41d7641c] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-41d7641c] {
    margin-right: 0.5rem;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2d46acdf] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2d46acdf] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2d46acdf] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2d46acdf] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2d46acdf] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2d46acdf] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2d46acdf] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2d46acdf] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2d46acdf] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2d46acdf]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2d46acdf] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2d46acdf] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2d46acdf] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2d46acdf] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2d46acdf] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2d46acdf] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2d46acdf] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2d46acdf] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2d46acdf] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2d46acdf] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2d46acdf] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2d46acdf],
.orangehrm-dialog-header-container[data-v-2d46acdf] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2d46acdf],
.orangehrm-dialog-header-container .oxd-button[data-v-2d46acdf] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2d46acdf] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2d46acdf] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2d46acdf] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2d46acdf] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2d46acdf] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2d46acdf] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2d46acdf] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2d46acdf] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2d46acdf] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2d46acdf] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2d46acdf] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2d46acdf] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2d46acdf] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2d46acdf] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2d46acdf] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2d46acdf] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2d46acdf] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2d46acdf] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2d46acdf] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2d46acdf] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2d46acdf] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2d46acdf] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2d46acdf] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2d46acdf] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2d46acdf] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2d46acdf] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2d46acdf] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2d46acdf] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2d46acdf] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2d46acdf] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-card-container[data-v-2d46acdf] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-2d46acdf] {
    width: 30vw;
}
}
.orangehrm-forgot-password-container .loading-overlay[data-v-2d46acdf] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.orangehrm-forgot-password-reset[data-v-2d46acdf] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-2d46acdf] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-2d46acdf] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-2d46acdf] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-2d46acdf] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-note.--padding[data-v-2d46acdf] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-2d46acdf] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-2d46acdf] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-2d46acdf] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-2d46acdf] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-2d46acdf] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-2d46acdf] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-2d46acdf] {
    margin-right: 0.5rem;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-e838762c] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-e838762c] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-e838762c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-e838762c] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-e838762c] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-e838762c] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-e838762c] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-e838762c] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-e838762c] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-e838762c]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-e838762c] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-e838762c] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-e838762c] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-e838762c] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-e838762c] {
  background-image: none !important;
}
.oxd-text--h5[data-v-e838762c] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-e838762c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-e838762c] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-e838762c] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-e838762c] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-e838762c] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-e838762c],
.orangehrm-dialog-header-container[data-v-e838762c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-e838762c],
.orangehrm-dialog-header-container .oxd-button[data-v-e838762c] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-e838762c] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-e838762c] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-e838762c] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-e838762c] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-e838762c] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-e838762c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-e838762c] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-e838762c] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-e838762c] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-e838762c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-e838762c] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-e838762c] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-e838762c] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-e838762c] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-e838762c] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-e838762c] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-e838762c] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-e838762c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-e838762c] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-e838762c] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-e838762c] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-e838762c] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-e838762c] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-e838762c] {
  color: #38455d;
}
.orangehrm-form-action[data-v-e838762c] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-e838762c] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-e838762c] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-e838762c] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-e838762c] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-e838762c] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-dashboard-widget[data-v-e838762c] {
  width: auto;
  height: 380px;
  margin: 0 auto;
  overflow: hidden;
  max-width: 350px;
  padding: 0.75rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
}
.orangehrm-dashboard-widget-header[data-v-e838762c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-dashboard-widget-name[data-v-e838762c] {
  display: flex;
  font-size: 14px;
  font-weight: 700;
  align-items: center;
}
.orangehrm-dashboard-widget-icon[data-v-e838762c] {
  height: 15px;
  margin-right: 0.5rem;
}
.orangehrm-dashboard-widget-body[data-v-e838762c] {
  height: 318px;
  overflow: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-dashboard-widget-body-nocontent[data-v-e838762c] {
  font-size: 10px;
  text-align: center;
  margin-top: 2.5rem;
}
.orangehrm-dashboard-widget-body.--scroll-visible[data-v-e838762c] {
  padding-right: 5px;
}
.orangehrm-dashboard-widget-body[data-v-e838762c]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-dashboard-widget-body[data-v-e838762c]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-dashboard-widget-body[data-v-e838762c]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-dashboard-widget-body[data-v-e838762c] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-dashboard-widget-watermark[data-v-e838762c] {
  width: 175px;
  text-align: center;
  margin: 60px auto auto;
}
.orangehrm-dashboard-widget-img[data-v-e838762c] {
  width: 60%;
}
.orangehrm-dashboard-widget-loader[data-v-e838762c] {
  margin: 9rem auto;
  background-color: #ffffff;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-30219bff] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-30219bff] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-30219bff] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-30219bff] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-30219bff] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-30219bff] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-30219bff] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-30219bff] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-30219bff] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-30219bff]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-30219bff] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-30219bff] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-30219bff] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-30219bff] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-30219bff] {
  background-image: none !important;
}
.oxd-text--h5[data-v-30219bff] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-30219bff] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-30219bff] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-30219bff] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-30219bff] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-30219bff] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-30219bff],
.orangehrm-dialog-header-container[data-v-30219bff] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-30219bff],
.orangehrm-dialog-header-container .oxd-button[data-v-30219bff] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-30219bff] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-30219bff] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-30219bff] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-30219bff] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-30219bff] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-30219bff] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-30219bff] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-30219bff] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-30219bff] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-30219bff] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-30219bff] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-30219bff] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-30219bff] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-30219bff] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-30219bff] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-30219bff] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-30219bff] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-30219bff] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-30219bff] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-30219bff] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-30219bff] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-30219bff] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-30219bff] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-30219bff] {
  color: #38455d;
}
.orangehrm-form-action[data-v-30219bff] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-30219bff] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-30219bff] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-30219bff] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-30219bff] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-30219bff] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-quick-launch[data-v-30219bff] {
  margin: 0;
  grid-template-columns: repeat(3, 1fr);
}
.orangehrm-quick-launch-card[data-v-30219bff] {
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 0.8rem;
}
.orangehrm-quick-launch-icon[data-v-30219bff] {
  flex: 0 0 1;
  padding: 0;
  margin-bottom: 0.25rem;
}
.orangehrm-quick-launch-icon[data-v-30219bff] .oxd-icon {
  width: 60px;
  height: 60px;
  padding: 12px;
  box-sizing: border-box;
}
.orangehrm-quick-launch-heading[data-v-30219bff] {
  width: 75px;
}
.orangehrm-quick-launch-heading .--text[data-v-30219bff] {
  font-size: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5e1e2464] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5e1e2464] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5e1e2464] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5e1e2464] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5e1e2464] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5e1e2464] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5e1e2464] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5e1e2464] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5e1e2464] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5e1e2464]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5e1e2464] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5e1e2464] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5e1e2464] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5e1e2464] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5e1e2464] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5e1e2464] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5e1e2464] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5e1e2464] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5e1e2464] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5e1e2464] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5e1e2464] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5e1e2464],
.orangehrm-dialog-header-container[data-v-5e1e2464] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5e1e2464],
.orangehrm-dialog-header-container .oxd-button[data-v-5e1e2464] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5e1e2464] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5e1e2464] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5e1e2464] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5e1e2464] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5e1e2464] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5e1e2464] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5e1e2464] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5e1e2464] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5e1e2464] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5e1e2464] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5e1e2464] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5e1e2464] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5e1e2464] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5e1e2464] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5e1e2464] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5e1e2464] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5e1e2464] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5e1e2464] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5e1e2464] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5e1e2464] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5e1e2464] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5e1e2464] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5e1e2464] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5e1e2464] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5e1e2464] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5e1e2464] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5e1e2464] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5e1e2464] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5e1e2464] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5e1e2464] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-video[data-v-5e1e2464] {
  height: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
}
.orangehrm-buzz-video-frame[data-v-5e1e2464] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 0.75rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-0502344e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-0502344e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-0502344e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-0502344e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-0502344e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-0502344e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-0502344e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-0502344e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-0502344e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-0502344e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-0502344e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-0502344e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-0502344e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-0502344e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-0502344e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-0502344e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-0502344e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-0502344e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-0502344e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-0502344e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-0502344e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-0502344e],
.orangehrm-dialog-header-container[data-v-0502344e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-0502344e],
.orangehrm-dialog-header-container .oxd-button[data-v-0502344e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-0502344e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-0502344e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-0502344e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-0502344e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-0502344e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-0502344e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-0502344e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-0502344e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-0502344e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-0502344e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-0502344e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-0502344e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-0502344e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-0502344e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-0502344e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-0502344e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-0502344e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-0502344e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-0502344e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-0502344e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-0502344e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-0502344e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-0502344e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-0502344e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-0502344e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-0502344e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-0502344e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-0502344e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-0502344e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-0502344e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-profile-image img[data-v-0502344e] {
  width: 45px;
  height: 45px;
  display: flex;
  flex-shrink: 0;
  border-radius: 100%;
  box-sizing: border-box;
  justify-content: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-24ef9293] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-24ef9293] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-24ef9293] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-24ef9293] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-24ef9293] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-24ef9293] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-24ef9293] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-24ef9293] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-24ef9293] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-24ef9293]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-24ef9293] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-24ef9293] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-24ef9293] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-24ef9293] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-24ef9293] {
  background-image: none !important;
}
.oxd-text--h5[data-v-24ef9293] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-24ef9293] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-24ef9293] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-24ef9293] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-24ef9293] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-24ef9293] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-24ef9293],
.orangehrm-dialog-header-container[data-v-24ef9293] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-24ef9293],
.orangehrm-dialog-header-container .oxd-button[data-v-24ef9293] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-24ef9293] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-24ef9293] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-24ef9293] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-24ef9293] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-24ef9293] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-24ef9293] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-24ef9293] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-24ef9293] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-24ef9293] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-24ef9293] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-24ef9293] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-24ef9293] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-24ef9293] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-24ef9293] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-24ef9293] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-24ef9293] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-24ef9293] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-24ef9293] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-24ef9293] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-24ef9293] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-24ef9293] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-24ef9293] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-24ef9293] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-24ef9293] {
  color: #38455d;
}
.orangehrm-form-action[data-v-24ef9293] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-24ef9293] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-24ef9293] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-24ef9293] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-24ef9293] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-24ef9293] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-widget[data-v-24ef9293] {
  margin: 0;
  grid-gap: 10px;
}
.orangehrm-buzz-widget-card[data-v-24ef9293] {
  display: block;
  padding: 0.5rem;
  border-radius: 0.75rem;
  border: 1px solid #e8eaef;
}
.orangehrm-buzz-widget-header[data-v-24ef9293] {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.orangehrm-buzz-widget-header-text[data-v-24ef9293] {
  margin-left: 10px;
}
.orangehrm-buzz-widget-header-emp[data-v-24ef9293] {
  font-size: 12px;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  max-height: 1;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-widget-header-emp[data-v-24ef9293]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 1) {
.orangehrm-buzz-widget-header-emp[data-v-24ef9293] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-widget-header-emp[data-v-24ef9293]:after {
    display: none;
}
}
.orangehrm-buzz-widget-header-time[data-v-24ef9293] {
  font-size: 10px;
  color: #929baa;
}
.orangehrm-buzz-widget-header[data-v-24ef9293] .orangehrm-buzz-profile-image img {
  width: 35px;
  height: 35px;
}
.orangehrm-buzz-widget-body[data-v-24ef9293] {
  font-size: 12px;
  text-align: justify;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.orangehrm-buzz-widget-picture[data-v-24ef9293] {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.75rem;
}
.orangehrm-buzz-widget-divider[data-v-24ef9293] {
  border-style: dashed;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-65847035] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-65847035] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-65847035] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-65847035] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-65847035] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-65847035] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-65847035] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-65847035] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-65847035] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-65847035]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-65847035] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-65847035] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-65847035] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-65847035] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-65847035] {
  background-image: none !important;
}
.oxd-text--h5[data-v-65847035] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-65847035] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-65847035] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-65847035] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-65847035] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-65847035] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-65847035],
.orangehrm-dialog-header-container[data-v-65847035] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-65847035],
.orangehrm-dialog-header-container .oxd-button[data-v-65847035] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-65847035] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-65847035] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-65847035] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-65847035] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-65847035] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-65847035] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-65847035] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-65847035] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-65847035] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-65847035] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-65847035] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-65847035] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-65847035] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-65847035] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-65847035] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-65847035] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-65847035] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-65847035] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-65847035] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-65847035] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-65847035] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-65847035] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-65847035] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-65847035] {
  color: #38455d;
}
.orangehrm-form-action[data-v-65847035] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-65847035] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-65847035] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-65847035] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-65847035] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-65847035] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.emp-distrib-chart[data-v-65847035] {
  width: auto;
  height: 312px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3793fd9f] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3793fd9f] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3793fd9f] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3793fd9f] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3793fd9f] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3793fd9f] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3793fd9f] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3793fd9f] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3793fd9f] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3793fd9f]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3793fd9f] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3793fd9f] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3793fd9f] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3793fd9f] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3793fd9f] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3793fd9f] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3793fd9f] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3793fd9f] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3793fd9f] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3793fd9f] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3793fd9f] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3793fd9f],
.orangehrm-dialog-header-container[data-v-3793fd9f] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3793fd9f],
.orangehrm-dialog-header-container .oxd-button[data-v-3793fd9f] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3793fd9f] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3793fd9f] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3793fd9f] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3793fd9f] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3793fd9f] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3793fd9f] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3793fd9f] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3793fd9f] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3793fd9f] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3793fd9f] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3793fd9f] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3793fd9f] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3793fd9f] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3793fd9f] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3793fd9f] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3793fd9f] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3793fd9f] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3793fd9f] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3793fd9f] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3793fd9f] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3793fd9f] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3793fd9f] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3793fd9f] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3793fd9f] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3793fd9f] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3793fd9f] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3793fd9f] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3793fd9f] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3793fd9f] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3793fd9f] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-todo-list[data-v-3793fd9f] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.orangehrm-todo-list-item[data-v-3793fd9f] {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.orangehrm-todo-list-item p[data-v-3793fd9f] {
  font-size: 12px;
  margin-left: 0.5rem;
  cursor: pointer;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3d3b809c] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3d3b809c] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3d3b809c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3d3b809c] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3d3b809c] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3d3b809c] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3d3b809c] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3d3b809c] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3d3b809c] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3d3b809c]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3d3b809c] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3d3b809c] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3d3b809c] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3d3b809c] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3d3b809c] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3d3b809c] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3d3b809c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3d3b809c] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3d3b809c] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3d3b809c] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3d3b809c] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3d3b809c],
.orangehrm-dialog-header-container[data-v-3d3b809c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3d3b809c],
.orangehrm-dialog-header-container .oxd-button[data-v-3d3b809c] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3d3b809c] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3d3b809c] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3d3b809c] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3d3b809c] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3d3b809c] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3d3b809c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3d3b809c] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3d3b809c] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3d3b809c] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3d3b809c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3d3b809c] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3d3b809c] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3d3b809c] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3d3b809c] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3d3b809c] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3d3b809c] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3d3b809c] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3d3b809c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3d3b809c] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3d3b809c] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3d3b809c] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3d3b809c] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3d3b809c] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3d3b809c] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3d3b809c] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3d3b809c] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3d3b809c] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3d3b809c] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3d3b809c] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3d3b809c] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.emp-distrib-chart[data-v-3d3b809c] {
  width: auto;
  height: 312px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-76a48d93] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-76a48d93] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-76a48d93] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-76a48d93] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-76a48d93] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-76a48d93] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-76a48d93] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-76a48d93] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-76a48d93] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-76a48d93]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-76a48d93] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-76a48d93] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-76a48d93] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-76a48d93] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-76a48d93] {
  background-image: none !important;
}
.oxd-text--h5[data-v-76a48d93] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-76a48d93] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-76a48d93] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-76a48d93] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-76a48d93] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-76a48d93] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-76a48d93],
.orangehrm-dialog-header-container[data-v-76a48d93] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-76a48d93],
.orangehrm-dialog-header-container .oxd-button[data-v-76a48d93] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-76a48d93] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-76a48d93] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-76a48d93] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-76a48d93] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-76a48d93] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-76a48d93] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-76a48d93] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-76a48d93] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-76a48d93] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-76a48d93] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-76a48d93] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-76a48d93] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-76a48d93] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-76a48d93] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-76a48d93] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-76a48d93] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-76a48d93] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-76a48d93] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-76a48d93] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-76a48d93] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-76a48d93] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-76a48d93] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-76a48d93] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-76a48d93] {
  color: #38455d;
}
.orangehrm-form-action[data-v-76a48d93] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-76a48d93] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-76a48d93] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-76a48d93] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-76a48d93] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-76a48d93] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-modal-header[data-v-76a48d93] {
  display: flex;
  align-items: center;
}
.orangehrm-config-title[data-v-76a48d93] {
  margin-left: 1rem;
}
.orangehrm-config-checkbox .oxd-input-group[data-v-76a48d93] {
  margin: 0;
  padding: 1rem 0;
  flex-direction: row;
}
.orangehrm-config-checkbox[data-v-76a48d93] .oxd-input-group__label-wrapper {
  margin: 0;
  margin-right: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-938f8628] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-938f8628] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-938f8628] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-938f8628] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-938f8628] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-938f8628] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-938f8628] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-938f8628] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-938f8628] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-938f8628]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-938f8628] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-938f8628] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-938f8628] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-938f8628] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-938f8628] {
  background-image: none !important;
}
.oxd-text--h5[data-v-938f8628] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-938f8628] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-938f8628] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-938f8628] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-938f8628] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-938f8628] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-938f8628],
.orangehrm-dialog-header-container[data-v-938f8628] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-938f8628],
.orangehrm-dialog-header-container .oxd-button[data-v-938f8628] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-938f8628] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-938f8628] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-938f8628] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-938f8628] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-938f8628] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-938f8628] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-938f8628] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-938f8628] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-938f8628] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-938f8628] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-938f8628] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-938f8628] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-938f8628] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-938f8628] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-938f8628] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-938f8628] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-938f8628] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-938f8628] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-938f8628] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-938f8628] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-938f8628] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-938f8628] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-938f8628] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-938f8628] {
  color: #38455d;
}
.orangehrm-form-action[data-v-938f8628] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-938f8628] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-938f8628] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-938f8628] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-938f8628] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-938f8628] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-leave-card[data-v-938f8628] {
  display: flex;
  font-size: 12px;
  align-items: center;
  margin-bottom: 0.5rem;
}
.orangehrm-leave-card-profile-image img[data-v-938f8628] {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
}
.orangehrm-leave-card-details[data-v-938f8628] {
  margin-left: 1rem;
  word-break: break-word;
}
.orangehrm-leave-card-emp-id[data-v-938f8628] {
  padding: 0 5px;
  font-weight: 600;
  margin-left: auto;
  white-space: nowrap;
}
.orangehrm-leave-card-emp-name[data-v-938f8628] {
  font-weight: 700;
  position: relative;
  overflow: hidden;
  max-height: 2;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-leave-card-emp-name[data-v-938f8628]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-leave-card-emp-name[data-v-938f8628] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-leave-card-emp-name[data-v-938f8628]:after {
    display: none;
}
}
.orangehrm-leave-card-leave-details[data-v-938f8628] {
  font-size: 12px;
}
.orangehrm-leave-card-icon[data-v-938f8628] {
  cursor: pointer;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-c55c5aa8] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-c55c5aa8] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-c55c5aa8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-c55c5aa8] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-c55c5aa8] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-c55c5aa8] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-c55c5aa8] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-c55c5aa8] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-c55c5aa8] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-c55c5aa8]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-c55c5aa8] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-c55c5aa8] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-c55c5aa8] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-c55c5aa8] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-c55c5aa8] {
  background-image: none !important;
}
.oxd-text--h5[data-v-c55c5aa8] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-c55c5aa8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-c55c5aa8] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-c55c5aa8] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-c55c5aa8] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-c55c5aa8] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-c55c5aa8],
.orangehrm-dialog-header-container[data-v-c55c5aa8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-c55c5aa8],
.orangehrm-dialog-header-container .oxd-button[data-v-c55c5aa8] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-c55c5aa8] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-c55c5aa8] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-c55c5aa8] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-c55c5aa8] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-c55c5aa8] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-c55c5aa8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-c55c5aa8] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-c55c5aa8] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-c55c5aa8] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-c55c5aa8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-c55c5aa8] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-c55c5aa8] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-c55c5aa8] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-c55c5aa8] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-c55c5aa8] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-c55c5aa8] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-c55c5aa8] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-c55c5aa8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-c55c5aa8] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-c55c5aa8] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-c55c5aa8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-c55c5aa8] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-c55c5aa8] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-c55c5aa8] {
  color: #38455d;
}
.orangehrm-form-action[data-v-c55c5aa8] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-c55c5aa8] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-c55c5aa8] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-c55c5aa8] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-c55c5aa8] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-c55c5aa8] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-attendance-card[data-v-c55c5aa8] {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.orangehrm-attendance-card-profile[data-v-c55c5aa8] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.orangehrm-attendance-card-profile-image img[data-v-c55c5aa8] {
  width: 40px;
  height: 40px;
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
  border-radius: 100%;
  box-sizing: border-box;
  justify-content: center;
  border: 0.15rem solid var(--oxd-primary-one-color);
}
.orangehrm-attendance-card-profile-record[data-v-c55c5aa8] {
  margin-left: 1rem;
}
.orangehrm-attendance-card-bar[data-v-c55c5aa8] {
  display: flex;
  padding: 0.35rem;
  position: relative;
  border-radius: 1rem;
  margin-bottom: 1rem;
  justify-content: center;
  background-color: #f1f2f5;
}
.orangehrm-attendance-card-summary[data-v-c55c5aa8] {
  display: flex;
  font-size: 10px;
  align-items: center;
  margin-bottom: 0.75rem;
  justify-content: space-between;
}
.orangehrm-attendance-card-summary p[data-v-c55c5aa8]:first-of-type {
  font-weight: 700;
}
.orangehrm-attendance-card-summary-total[data-v-c55c5aa8] {
  gap: 5px;
  display: flex;
  font-weight: 700;
  padding: 0.35rem;
  border-radius: 0.75rem;
  background-color: #f1f2f5;
}
.orangehrm-attendance-card-icon[data-v-c55c5aa8] {
  height: 15px;
  font-size: 15px;
}
.orangehrm-attendance-card-state[data-v-c55c5aa8] {
  font-weight: 700;
  white-space: nowrap;
  color: var(--oxd-primary-one-color);
}
.orangehrm-attendance-card-details[data-v-c55c5aa8] {
  font-size: 10px;
  word-break: break-word;
}
.orangehrm-attendance-card-action[data-v-c55c5aa8] {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 20px;
  transform: translate(0%, -50%);
  outline: 5px solid #ffffff !important;
}
.emp-attendance-chart[data-v-c55c5aa8] {
  height: 170px;
}
.day-card[data-v-c55c5aa8] {
  background-color: #f1f2f5;
  border-radius: 8px;
  padding: 12px 4px;
  text-align: center;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  border: 1px solid #e8eaed;
  width: 100%;
}
.day-wrapper[data-v-c55c5aa8] {
  text-align: center;
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
}
.day-name[data-v-c55c5aa8] {
  font-size: 10px;
  color: #666;
  margin-bottom: 4px;
}
.split-card[data-v-c55c5aa8] {
  padding: 0;
  overflow: hidden;
}
.split-top[data-v-c55c5aa8], .split-bottom[data-v-c55c5aa8] {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 6px 4px;
}
.split-top[data-v-c55c5aa8] {
  background: #e8f5e8;
  border-bottom: 1px solid #ddd;
}
.split-top[data-v-c55c5aa8]:hover {
  background: #d4edda;
}
.split-bottom[data-v-c55c5aa8] {
  background: #fff2f2;
}
.split-bottom[data-v-c55c5aa8]:hover {
  background: #f8d7da;
}
.split-text[data-v-c55c5aa8] {
  font-size: 11px;
  font-weight: 500;
}
.time-text[data-v-c55c5aa8] {
  font-size: 10px;
  font-weight: bold;
  color: #64728c;
}
.time-label[data-v-c55c5aa8] {
  font-size: 8px;
  color: #666;
  margin-bottom: 2px;
}
.time-badge[data-v-c55c5aa8] {
  display: inline-block;
  padding: 2px 6px;
  border-radius: 10px;
  font-size: 8px;
  font-weight: 600;
  margin: 1px;
}
.badge-in[data-v-c55c5aa8] {
  background: #e8f5e8;
  color: #2d5a2d;
}
.badge-out[data-v-c55c5aa8] {
  background: #fff2f2;
  color: #8b0000;
}
.calendar[data-v-c55c5aa8] {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 8px;
  margin-bottom: 10px;
  height: 50%;
  width: 100%;
  font-family: "Nunito Sans";
}
.arrow-container[data-v-c55c5aa8] {
  display: flex;
  flex-direction: row;
  gap: 6px; /* controls spacing */
  align-items: center;
}
.arrow-button.small[data-v-c55c5aa8] {
  width: 24px !important;
  height: 24px !important;
  min-width: 24px !important;
  min-height: 24px !important;
  padding: 0 !important;
  font-size: 16px !important; /* scale down icon inside */
  line-height: 1 !important;
}
.arrow-button.small svg[data-v-c55c5aa8] {
  width: 16px !important;
  height: 16px !important;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.fc {
  font-family: "Nunito Sans";
  font-size: small;
}
.hrp-calendar {
  padding: 3%;
}
.fc .fc-view-harness {
  height: 262px !important;
}
:deep(.calendar-overide .fc .fc-event .fc-event-main .fc-event-title .fc-sticky) {
  font-size: 10px !important;
}
@media (min-width: 1290px) {
.calendar-overide {
    grid-column: span 2;
    width: 100% !important;
    max-width: 100% !important;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-92f77798] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-92f77798] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-92f77798] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-92f77798] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-92f77798] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-92f77798] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-92f77798] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-92f77798] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-92f77798] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-92f77798]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-92f77798] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-92f77798] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-92f77798] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-92f77798] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-92f77798] {
  background-image: none !important;
}
.oxd-text--h5[data-v-92f77798] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-92f77798] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-92f77798] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-92f77798] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-92f77798] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-92f77798] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-92f77798],
.orangehrm-dialog-header-container[data-v-92f77798] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-92f77798],
.orangehrm-dialog-header-container .oxd-button[data-v-92f77798] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-92f77798] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-92f77798] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-92f77798] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-92f77798] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-92f77798] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-92f77798] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-92f77798] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-92f77798] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-92f77798] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-92f77798] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-92f77798] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-92f77798] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-92f77798] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-92f77798] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-92f77798] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-92f77798] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-92f77798] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-92f77798] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-92f77798] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-92f77798] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-92f77798] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-92f77798] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-92f77798] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-92f77798] {
  color: #38455d;
}
.orangehrm-form-action[data-v-92f77798] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-92f77798] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-92f77798] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-92f77798] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-92f77798] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-92f77798] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.document-container[data-v-92f77798] {
  display: flex;
  margin: 0 5px;
  border: 1px solid #e8eaef;
  border-radius: 15px;
  padding: 10px;
  cursor: pointer;
  margin-bottom: 5px;
  position: relative;
  transition: all 0.2s ease-in-out;
  align-items: center;
}
.document-container[data-v-92f77798]:hover {
  background-color: #dbdada;
}
.document-container[data-v-92f77798]:hover::after {
  content: "Open Document";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  bottom: -25px;
  right: 0;
  white-space: nowrap;
  font-size: 12px;
  z-index: 9999;
}
.icon-container[data-v-92f77798] {
  height: 45px;
  display: grid;
  place-content: center;
}
.document-icon[data-v-92f77798] {
  font-size: 40px;
}
.no-record[data-v-92f77798] {
  display: grid;
  height: 100%;
  place-content: center;
  color: #575F6B;
}
.left-column[data-v-92f77798] {
  flex: 1;
}
.topic[data-v-92f77798] {
  font-size: 14px;
}
.category[data-v-92f77798] {
  font-size: 10px;
  margin-top: 5px;
  color: #575F6B;
}
.published-date[data-v-92f77798] {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #575F6B;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-28055c06] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-28055c06] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-28055c06] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-28055c06] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-28055c06] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-28055c06] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-28055c06] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-28055c06] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-28055c06] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-28055c06]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-28055c06] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-28055c06] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-28055c06] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-28055c06] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-28055c06] {
  background-image: none !important;
}
.oxd-text--h5[data-v-28055c06] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-28055c06] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-28055c06] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-28055c06] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-28055c06] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-28055c06] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-28055c06],
.orangehrm-dialog-header-container[data-v-28055c06] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-28055c06],
.orangehrm-dialog-header-container .oxd-button[data-v-28055c06] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-28055c06] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-28055c06] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-28055c06] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-28055c06] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-28055c06] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-28055c06] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-28055c06] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-28055c06] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-28055c06] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-28055c06] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-28055c06] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-28055c06] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-28055c06] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-28055c06] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-28055c06] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-28055c06] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-28055c06] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-28055c06] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-28055c06] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-28055c06] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-28055c06] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-28055c06] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-28055c06] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-28055c06] {
  color: #38455d;
}
.orangehrm-form-action[data-v-28055c06] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-28055c06] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-28055c06] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-28055c06] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-28055c06] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-28055c06] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-document-card[data-v-28055c06] {
  display: flex;
  font-size: 12px;
  align-items: center;
  margin-bottom: 0.6rem;
  position: relative;
  transition: all 0.2s ease-in-out;
  cursor: pointer;
}
.orangehrm-document-card-profile-image .orangehrm-report-icon[data-v-28055c06] {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
}
.orangehrm-document-card[data-v-28055c06]:hover::after {
  content: "Open Document";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  bottom: -25px;
  right: 0;
  white-space: nowrap;
  font-size: 12px;
  z-index: 9999;
}
.orangehrm-document-card-details[data-v-28055c06] {
  margin-left: 1rem;
  word-break: break-word;
}
.orangehrm-document-card-date-published[data-v-28055c06] {
  padding: 0 5px;
  font-weight: 600;
  margin-left: auto;
  white-space: nowrap;
}
.orangehrm-document-card-topic[data-v-28055c06] {
  font-weight: 700;
  padding-right: 5px;
  position: relative;
  overflow: hidden;
  max-height: 2;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-document-card-topic[data-v-28055c06]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-document-card-topic[data-v-28055c06] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-document-card-topic[data-v-28055c06]:after {
    display: none;
}
}
.orangehrm-document-card-category[data-v-28055c06] {
  font-size: 12px;
}
.orangehrm-document-card-icon[data-v-28055c06] {
  cursor: pointer;
}
.no-record[data-v-28055c06] {
  display: grid;
  height: 100%;
  place-content: center;
  color: #575F6B;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-498b7208] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-498b7208] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-498b7208] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-498b7208] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-498b7208] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-498b7208] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-498b7208] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-498b7208] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-498b7208] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-498b7208]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-498b7208] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-498b7208] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-498b7208] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-498b7208] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-498b7208] {
  background-image: none !important;
}
.oxd-text--h5[data-v-498b7208] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-498b7208] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-498b7208] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-498b7208] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-498b7208] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-498b7208] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-498b7208],
.orangehrm-dialog-header-container[data-v-498b7208] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-498b7208],
.orangehrm-dialog-header-container .oxd-button[data-v-498b7208] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-498b7208] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-498b7208] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-498b7208] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-498b7208] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-498b7208] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-498b7208] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-498b7208] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-498b7208] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-498b7208] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-498b7208] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-498b7208] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-498b7208] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-498b7208] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-498b7208] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-498b7208] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-498b7208] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-498b7208] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-498b7208] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-498b7208] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-498b7208] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-498b7208] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-498b7208] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-498b7208] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-498b7208] {
  color: #38455d;
}
.orangehrm-form-action[data-v-498b7208] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-498b7208] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-498b7208] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-498b7208] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-498b7208] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-498b7208] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-todo-list[data-v-498b7208] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.orangehrm-todo-list-item[data-v-498b7208] {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.orangehrm-todo-list-item p[data-v-498b7208] {
  font-size: 12px;
  margin-left: 0.5rem;
  cursor: pointer;
}

.location-widget[data-v-8bf3e428] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 8px;
    font-size: 12px;
    color: #64728C;
}
.location-row[data-v-8bf3e428] {
    display: flex;
    flex-direction: column;
    padding: 8px 12px;
    border-radius: 6px;
    background-color: #f9fafb;
    transition: background-color 0.2s;
}
.location-row.unassigned[data-v-8bf3e428] {
    background-color: #fff4e6;
    border: 1px solid #f59e0b;
}
.location-info[data-v-8bf3e428] {
    display: flex;
    justify-content: space-between;
    margin-bottom: 4px;
}
.location-name[data-v-8bf3e428] {
    font-weight: 600;
}
.location-count[data-v-8bf3e428] {
    font-weight: 700;
    color: #1F2937;
}
.location-bar[data-v-8bf3e428] {
    height: 3px;
    background-color: #e5e7eb;
    border-radius: 1.5px;
    width: 100%;
}
.bar-fill[data-v-8bf3e428] {
    height: 100%;
    background-color: #3b82f6;
    border-radius: 1.5px;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-scroll {
  overflow-y: auto;
  height: 100%;
  scrollbar-width: thin;
}
.table-scroll::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}
.custom-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Nunito Sans";
  font-size: 12px;
  color: #64728C;
}
.custom-table th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
  text-align: left;
  font-weight: 700;
  padding: 6px;
  border-bottom: 2px solid #e0e0e0;
}
.custom-table td {
  padding: 6px;
  border-bottom: 1px solid #eee;
}
.custom-table tbody tr:hover {
  background-color: #fafafa;
}
.total-row {
  font-weight: 600;
  background-color: #f9f9f9;
}
.total-row td {
  border-bottom: none;
  border-top: 2px solid #d0d0d0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5d5a8c00] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5d5a8c00] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5d5a8c00] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5d5a8c00] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5d5a8c00] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5d5a8c00] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5d5a8c00] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5d5a8c00] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5d5a8c00] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5d5a8c00]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5d5a8c00] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5d5a8c00] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5d5a8c00] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5d5a8c00] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5d5a8c00] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5d5a8c00] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5d5a8c00] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5d5a8c00] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5d5a8c00] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5d5a8c00] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5d5a8c00] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5d5a8c00],
.orangehrm-dialog-header-container[data-v-5d5a8c00] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5d5a8c00],
.orangehrm-dialog-header-container .oxd-button[data-v-5d5a8c00] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5d5a8c00] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5d5a8c00] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5d5a8c00] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5d5a8c00] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5d5a8c00] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5d5a8c00] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5d5a8c00] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5d5a8c00] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5d5a8c00] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5d5a8c00] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5d5a8c00] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5d5a8c00] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5d5a8c00] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5d5a8c00] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5d5a8c00] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5d5a8c00] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5d5a8c00] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5d5a8c00] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5d5a8c00] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5d5a8c00] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5d5a8c00] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5d5a8c00] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5d5a8c00] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5d5a8c00] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5d5a8c00] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5d5a8c00] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5d5a8c00] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5d5a8c00] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5d5a8c00] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5d5a8c00] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-dashboard-grid[data-v-5d5a8c00] {
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1050px;
  grid-template-columns: repeat(auto-fill, minmax(max(320px, 33.3333333333%), 1fr));
}
.calendar-widget[data-v-5d5a8c00] {
  grid-column: span 2;
  grid-row: auto;
}
@media (max-width: 1290px) {
.calendar-widget[data-v-5d5a8c00] {
    grid-column: span 1 !important;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-b5787c12] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-b5787c12] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-b5787c12] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-b5787c12] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-b5787c12] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-b5787c12] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-b5787c12] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-b5787c12] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-b5787c12] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-b5787c12]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-b5787c12] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-b5787c12] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-b5787c12] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-b5787c12] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-b5787c12] {
  background-image: none !important;
}
.oxd-text--h5[data-v-b5787c12] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-b5787c12] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-b5787c12] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-b5787c12] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-b5787c12] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-b5787c12] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-b5787c12],
.orangehrm-dialog-header-container[data-v-b5787c12] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-b5787c12],
.orangehrm-dialog-header-container .oxd-button[data-v-b5787c12] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-b5787c12] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-b5787c12] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-b5787c12] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-b5787c12] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-b5787c12] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-b5787c12] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-b5787c12] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-b5787c12] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-b5787c12] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-b5787c12] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-b5787c12] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-b5787c12] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-b5787c12] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-b5787c12] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-b5787c12] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-b5787c12] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-b5787c12] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-b5787c12] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-b5787c12] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-b5787c12] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-b5787c12] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-b5787c12] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-b5787c12] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-b5787c12] {
  color: #38455d;
}
.orangehrm-form-action[data-v-b5787c12] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-b5787c12] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-b5787c12] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-b5787c12] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-b5787c12] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-b5787c12] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-photos[data-v-b5787c12] {
  gap: 0.5rem;
  display: grid;
  grid-template-areas: "first-photo";
}
.orangehrm-buzz-photos-item[data-v-b5787c12] {
  position: relative;
}
.orangehrm-buzz-photos-item img[data-v-b5787c12] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.75rem;
}
.orangehrm-buzz-photos-item[data-v-b5787c12]:first-of-type {
  grid-area: first-photo;
}
.orangehrm-buzz-photos.--two-thumbnails[data-v-b5787c12] {
  grid-template-areas: "first-photo" "second-photo";
}
.orangehrm-buzz-photos.--three-thumbnails[data-v-b5787c12] {
  grid-template-areas: "first-photo first-photo" "second-photo third-photo";
  grid-template-columns: 1fr 1fr;
}
.orangehrm-buzz-photos.--four-thumbnails[data-v-b5787c12], .orangehrm-buzz-photos.--five-thumbnails[data-v-b5787c12] {
  grid-template-areas: "first-photo second-photo" "third-photo fourth-photo";
  grid-template-columns: 1fr 1fr;
}
.orangehrm-buzz-photos.--two-thumbnails[data-v-b5787c12], .orangehrm-buzz-photos.--three-thumbnails[data-v-b5787c12], .orangehrm-buzz-photos.--four-thumbnails[data-v-b5787c12] {
  grid-template-rows: repeat(2, minmax(auto, 9rem));
}
@media (min-width: 800px) {
.orangehrm-buzz-photos.--two-thumbnails[data-v-b5787c12], .orangehrm-buzz-photos.--three-thumbnails[data-v-b5787c12], .orangehrm-buzz-photos.--four-thumbnails[data-v-b5787c12] {
    grid-template-rows: repeat(2, minmax(auto, 18rem));
}
}
.orangehrm-buzz-photos.--five-thumbnails[data-v-b5787c12] {
  grid-template-rows: repeat(3, minmax(auto, 9rem));
}
@media (min-width: 800px) {
.orangehrm-buzz-photos.--five-thumbnails[data-v-b5787c12] {
    grid-template-rows: repeat(3, minmax(auto, 18rem));
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-9ecab904] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-9ecab904] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-9ecab904] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-9ecab904] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-9ecab904] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-9ecab904] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-9ecab904] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-9ecab904] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-9ecab904] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-9ecab904]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-9ecab904] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-9ecab904] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-9ecab904] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-9ecab904] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-9ecab904] {
  background-image: none !important;
}
.oxd-text--h5[data-v-9ecab904] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-9ecab904] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-9ecab904] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-9ecab904] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-9ecab904] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-9ecab904] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-9ecab904],
.orangehrm-dialog-header-container[data-v-9ecab904] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-9ecab904],
.orangehrm-dialog-header-container .oxd-button[data-v-9ecab904] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-9ecab904] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-9ecab904] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-9ecab904] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-9ecab904] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-9ecab904] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-9ecab904] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-9ecab904] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-9ecab904] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-9ecab904] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-9ecab904] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-9ecab904] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-9ecab904] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-9ecab904] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-9ecab904] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-9ecab904] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-9ecab904] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-9ecab904] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-9ecab904] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-9ecab904] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-9ecab904] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-9ecab904] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-9ecab904] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-9ecab904] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-9ecab904] {
  color: #38455d;
}
.orangehrm-form-action[data-v-9ecab904] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-9ecab904] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-9ecab904] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-9ecab904] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-9ecab904] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-9ecab904] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-post-body[data-v-9ecab904] {
  word-wrap: break-word;
  white-space: pre-wrap;
}
.orangehrm-buzz-post-body-text[data-v-9ecab904] {
  font-weight: 300;
  text-align: justify;
}
.orangehrm-buzz-post-body-text.--truncate[data-v-9ecab904] {
  position: relative;
  overflow: hidden;
  max-height: 9;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-post-body-text.--truncate[data-v-9ecab904]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 6) {
.orangehrm-buzz-post-body-text.--truncate[data-v-9ecab904] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-post-body-text.--truncate[data-v-9ecab904]:after {
    display: none;
}
}
.orangehrm-buzz-post-body-readmore[data-v-9ecab904] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-buzz-post-body-readmore[data-v-9ecab904]:hover {
  text-decoration: underline;
}
.orangehrm-buzz-post-body-picture[data-v-9ecab904] {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
}
.orangehrm-buzz-post-body-picture.--more[data-v-9ecab904] {
  gap: 10px;
  height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 800px) {
.orangehrm-buzz-post-body-picture.--more[data-v-9ecab904] {
    height: 18rem;
}
}
.orangehrm-buzz-post-body-more[data-v-9ecab904] {
  font-size: 3rem;
  font-weight: 600;
  color: #ffffff;
}
.orangehrm-buzz-post-body-employee[data-v-9ecab904] {
  font-size: 0.9rem;
}
.orangehrm-buzz-post-body-date[data-v-9ecab904] {
  font-size: 0.6rem;
  color: #929baa;
}
.orangehrm-buzz-post-body-original-text[data-v-9ecab904] {
  font-weight: 300;
  margin-top: 0.5rem;
  position: relative;
  overflow: hidden;
  max-height: 9;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-post-body-original-text[data-v-9ecab904]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 6) {
.orangehrm-buzz-post-body-original-text[data-v-9ecab904] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-post-body-original-text[data-v-9ecab904]:after {
    display: none;
}
}
.orangehrm-buzz-post-body[data-v-9ecab904] .orangehrm-buzz-photos-item:nth-of-type(5) {
  display: none;
}
.orangehrm-buzz-post-body[data-v-9ecab904] .orangehrm-buzz-photos.--five-thumbnails {
  grid-template-rows: repeat(2, minmax(auto, 9rem));
}
@media (min-width: 800px) {
.orangehrm-buzz-post-body[data-v-9ecab904] .orangehrm-buzz-photos.--five-thumbnails {
    grid-template-rows: repeat(2, minmax(auto, 18rem));
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-81cc7bac] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-81cc7bac] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-81cc7bac] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-81cc7bac] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-81cc7bac] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-81cc7bac] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-81cc7bac] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-81cc7bac] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-81cc7bac] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-81cc7bac]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-81cc7bac] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-81cc7bac] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-81cc7bac] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-81cc7bac] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-81cc7bac] {
  background-image: none !important;
}
.oxd-text--h5[data-v-81cc7bac] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-81cc7bac] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-81cc7bac] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-81cc7bac] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-81cc7bac] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-81cc7bac] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-81cc7bac],
.orangehrm-dialog-header-container[data-v-81cc7bac] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-81cc7bac],
.orangehrm-dialog-header-container .oxd-button[data-v-81cc7bac] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-81cc7bac] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-81cc7bac] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-81cc7bac] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-81cc7bac] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-81cc7bac] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-81cc7bac] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-81cc7bac] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-81cc7bac] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-81cc7bac] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-81cc7bac] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-81cc7bac] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-81cc7bac] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-81cc7bac] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-81cc7bac] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-81cc7bac] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-81cc7bac] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-81cc7bac] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-81cc7bac] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-81cc7bac] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-81cc7bac] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-81cc7bac] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-81cc7bac] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-81cc7bac] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-81cc7bac] {
  color: #38455d;
}
.orangehrm-form-action[data-v-81cc7bac] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-81cc7bac] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-81cc7bac] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-81cc7bac] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-81cc7bac] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-81cc7bac] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-stats-modal[data-v-81cc7bac] {
  right: 0;
  z-index: 1;
  top: 1.5rem;
  width: 225px;
  overflow: auto;
  max-height: 18rem;
  position: absolute;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 0.65rem;
  background-color: #ffffff;
  box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid #e8eaef;
}
.orangehrm-buzz-stats-modal-employee[data-v-81cc7bac] {
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}
.orangehrm-buzz-stats-modal-employee[data-v-81cc7bac] .orangehrm-buzz-profile-image img {
  width: 40px;
  height: 40px;
}
.orangehrm-buzz-stats-modal-employee[data-v-81cc7bac]:last-of-type {
  margin-bottom: 0;
}
.orangehrm-buzz-stats-modal-employee-name[data-v-81cc7bac] {
  font-weight: 400;
  font-size: 0.9rem;
  margin-left: 15px;
  position: relative;
  overflow: hidden;
  max-height: 3;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-stats-modal-employee-name[data-v-81cc7bac]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-buzz-stats-modal-employee-name[data-v-81cc7bac] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-stats-modal-employee-name[data-v-81cc7bac]:after {
    display: none;
}
}
.orangehrm-buzz-stats-modal .orangehrm-buzz-loader[data-v-81cc7bac] {
  margin: 0.5rem 3rem;
}
.orangehrm-buzz-stats-dialog-header[data-v-81cc7bac] {
  display: flex;
  align-items: center;
}
.orangehrm-buzz-stats-dialog-icon[data-v-81cc7bac] {
  margin-right: 0.5rem;
}
.orangehrm-buzz-stats-dialog-icon.--likes[data-v-81cc7bac] {
  color: #eb0910;
}
.orangehrm-buzz-stats-dialog-employee[data-v-81cc7bac] {
  gap: 0.5rem;
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}
.orangehrm-buzz-stats-dialog-employee-name[data-v-81cc7bac] {
  font-weight: 400;
  font-size: 0.9rem;
  margin-left: 0.5rem;
  position: relative;
  overflow: hidden;
  max-height: 3;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-stats-dialog-employee-name[data-v-81cc7bac]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-buzz-stats-dialog-employee-name[data-v-81cc7bac] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-stats-dialog-employee-name[data-v-81cc7bac]:after {
    display: none;
}
}
.orangehrm-buzz-stats-dialog .orangehrm-buzz-loader[data-v-81cc7bac] {
  margin: 0 auto;
}
[data-v-81cc7bac] .orangehrm-buzz-stats-dialog {
  margin: 0;
  bottom: 0;
  width: 100%;
  max-height: 30rem;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  padding: inherit;
  border-radius: 1.2rem 1.2rem 0rem 0rem;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
[data-v-81cc7bac] .orangehrm-buzz-stats-dialog::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
[data-v-81cc7bac] .orangehrm-buzz-stats-dialog::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
[data-v-81cc7bac] .orangehrm-buzz-stats-dialog::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
[data-v-81cc7bac] .orangehrm-buzz-stats-dialog {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
[data-v-81cc7bac] .oxd-dialog-close-button {
  display: none;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-c1c8801a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-c1c8801a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-c1c8801a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-c1c8801a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-c1c8801a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-c1c8801a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-c1c8801a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-c1c8801a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-c1c8801a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-c1c8801a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-c1c8801a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-c1c8801a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-c1c8801a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-c1c8801a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-c1c8801a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-c1c8801a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-c1c8801a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-c1c8801a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-c1c8801a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-c1c8801a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-c1c8801a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-c1c8801a],
.orangehrm-dialog-header-container[data-v-c1c8801a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-c1c8801a],
.orangehrm-dialog-header-container .oxd-button[data-v-c1c8801a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-c1c8801a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-c1c8801a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-c1c8801a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-c1c8801a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-c1c8801a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-c1c8801a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-c1c8801a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-c1c8801a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-c1c8801a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-c1c8801a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-c1c8801a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-c1c8801a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-c1c8801a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-c1c8801a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-c1c8801a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-c1c8801a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-c1c8801a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-c1c8801a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-c1c8801a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-c1c8801a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-c1c8801a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-c1c8801a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-c1c8801a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-c1c8801a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-c1c8801a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-c1c8801a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-c1c8801a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-c1c8801a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-c1c8801a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-c1c8801a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-stats-row[data-v-c1c8801a] {
  display: flex;
  position: relative;
  font-size: 0.75rem;
  justify-content: flex-end;
}
.orangehrm-buzz-stats-row[data-v-c1c8801a]:first-of-type {
  font-size: 1rem;
  font-weight: 700;
  align-items: center;
}
.orangehrm-buzz-stats-active[data-v-c1c8801a] {
  cursor: pointer;
}
.orangehrm-buzz-stats-active[data-v-c1c8801a]:hover {
  text-decoration: underline;
}
.orangehrm-buzz-stats-like-icon[data-v-c1c8801a] {
  height: 15px;
  margin-right: 5px;
  color: #eb0910;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-c80181fe] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-c80181fe] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-c80181fe] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-c80181fe] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-c80181fe] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-c80181fe] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-c80181fe] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-c80181fe] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-c80181fe] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-c80181fe]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-c80181fe] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-c80181fe] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-c80181fe] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-c80181fe] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-c80181fe] {
  background-image: none !important;
}
.oxd-text--h5[data-v-c80181fe] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-c80181fe] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-c80181fe] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-c80181fe] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-c80181fe] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-c80181fe] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-c80181fe],
.orangehrm-dialog-header-container[data-v-c80181fe] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-c80181fe],
.orangehrm-dialog-header-container .oxd-button[data-v-c80181fe] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-c80181fe] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-c80181fe] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-c80181fe] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-c80181fe] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-c80181fe] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-c80181fe] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-c80181fe] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-c80181fe] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-c80181fe] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-c80181fe] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-c80181fe] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-c80181fe] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-c80181fe] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-c80181fe] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-c80181fe] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-c80181fe] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-c80181fe] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-c80181fe] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-c80181fe] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-c80181fe] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-c80181fe] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-c80181fe] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-c80181fe] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-c80181fe] {
  color: #38455d;
}
.orangehrm-form-action[data-v-c80181fe] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-c80181fe] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-c80181fe] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-c80181fe] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-c80181fe] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-c80181fe] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-post-modal-header[data-v-c80181fe] {
  gap: 1rem;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.orangehrm-buzz-post-modal-header-text[data-v-c80181fe] {
  width: 100%;
}
.orangehrm-buzz-post-modal-actions[data-v-c80181fe] {
  display: flex;
  margin-top: 1rem;
  justify-content: center;
}
.orangehrm-buzz-post-modal-actions[data-v-c80181fe] .oxd-button {
  width: 90%;
}
.orangehrm-modal-header[data-v-c80181fe] {
  text-align: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-61346894] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-61346894] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-61346894] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-61346894] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-61346894] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-61346894] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-61346894] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-61346894] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-61346894] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-61346894]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-61346894] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-61346894] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-61346894] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-61346894] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-61346894] {
  background-image: none !important;
}
.oxd-text--h5[data-v-61346894] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-61346894] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-61346894] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-61346894] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-61346894] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-61346894] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-61346894],
.orangehrm-dialog-header-container[data-v-61346894] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-61346894],
.orangehrm-dialog-header-container .oxd-button[data-v-61346894] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-61346894] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-61346894] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-61346894] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-61346894] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-61346894] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-61346894] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-61346894] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-61346894] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-61346894] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-61346894] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-61346894] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-61346894] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-61346894] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-61346894] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-61346894] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-61346894] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-61346894] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-61346894] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-61346894] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-61346894] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-61346894] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-61346894] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-61346894] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-61346894] {
  color: #38455d;
}
.orangehrm-form-action[data-v-61346894] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-61346894] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-61346894] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-61346894] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-61346894] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-61346894] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-photo-upload-area[data-v-61346894] {
  margin: 0 auto;
}
.orangehrm-photo-upload-icon[data-v-61346894] {
  font-size: 5rem;
  color: #e8eaef;
}
[data-v-61346894] .oxd-file-div {
  padding: 1rem;
  cursor: pointer;
  text-align: center;
  border: 0.25rem dashed #e8eaef;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2af80c58] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2af80c58] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2af80c58] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2af80c58] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2af80c58] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2af80c58] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2af80c58] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2af80c58] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2af80c58] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2af80c58]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2af80c58] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2af80c58] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2af80c58] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2af80c58] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2af80c58] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2af80c58] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2af80c58] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2af80c58] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2af80c58] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2af80c58] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2af80c58] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2af80c58],
.orangehrm-dialog-header-container[data-v-2af80c58] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2af80c58],
.orangehrm-dialog-header-container .oxd-button[data-v-2af80c58] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2af80c58] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2af80c58] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2af80c58] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2af80c58] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2af80c58] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2af80c58] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2af80c58] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2af80c58] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2af80c58] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2af80c58] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2af80c58] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2af80c58] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2af80c58] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2af80c58] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2af80c58] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2af80c58] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2af80c58] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2af80c58] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2af80c58] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2af80c58] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2af80c58] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2af80c58] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2af80c58] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2af80c58] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2af80c58] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2af80c58] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2af80c58] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2af80c58] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2af80c58] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2af80c58] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-photo-input-field[data-v-2af80c58] .oxd-file-div {
  all: unset;
  z-index: 1;
  left: 1rem;
  top: 0.5rem;
  position: absolute;
}
.orangehrm-photo-input-field[data-v-2af80c58] .oxd-input-group {
  margin: unset;
  position: relative;
}
.orangehrm-photo-input-field[data-v-2af80c58] .oxd-input-group__label-wrapper {
  display: none;
}
.orangehrm-photo-input-remove[data-v-2af80c58] {
  padding: 0;
  min-width: 1.5625rem;
  min-height: 1.5625rem;
  color: #ffffff;
}
.orangehrm-photo-input-remove.--float[data-v-2af80c58] {
  top: -5px;
  right: 0px;
  position: absolute;
  background-color: #b8bdc7;
}
.orangehrm-photo-input-remove[data-v-2af80c58]:hover {
  background-color: #64728c;
}
.orangehrm-photo-input[data-v-2af80c58] .orangehrm-buzz-photos-item {
  padding: 0 5px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-01ad6ed8] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-01ad6ed8] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-01ad6ed8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-01ad6ed8] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-01ad6ed8] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-01ad6ed8] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-01ad6ed8] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-01ad6ed8] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-01ad6ed8] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-01ad6ed8]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-01ad6ed8] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-01ad6ed8] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-01ad6ed8] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-01ad6ed8] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-01ad6ed8] {
  background-image: none !important;
}
.oxd-text--h5[data-v-01ad6ed8] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-01ad6ed8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-01ad6ed8] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-01ad6ed8] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-01ad6ed8] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-01ad6ed8] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-01ad6ed8],
.orangehrm-dialog-header-container[data-v-01ad6ed8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-01ad6ed8],
.orangehrm-dialog-header-container .oxd-button[data-v-01ad6ed8] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-01ad6ed8] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-01ad6ed8] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-01ad6ed8] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-01ad6ed8] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-01ad6ed8] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-01ad6ed8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-01ad6ed8] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-01ad6ed8] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-01ad6ed8] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-01ad6ed8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-01ad6ed8] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-01ad6ed8] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-01ad6ed8] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-01ad6ed8] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-01ad6ed8] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-01ad6ed8] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-01ad6ed8] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-01ad6ed8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-01ad6ed8] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-01ad6ed8] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-01ad6ed8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-01ad6ed8] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-01ad6ed8] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-01ad6ed8] {
  color: #38455d;
}
.orangehrm-form-action[data-v-01ad6ed8] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-01ad6ed8] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-01ad6ed8] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-01ad6ed8] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-01ad6ed8] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-01ad6ed8] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-create-post[data-v-01ad6ed8] {
  margin: 0.5rem 0 1rem 0;
}
.orangehrm-buzz-create-post-header[data-v-01ad6ed8] {
  gap: 1rem;
  display: flex;
}
.orangehrm-buzz-create-post-header-text[data-v-01ad6ed8] {
  width: 100%;
}
.orangehrm-buzz-create-post-actions[data-v-01ad6ed8] {
  gap: 0.5rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 600px) {
.orangehrm-buzz-create-post-actions[data-v-01ad6ed8] {
    gap: unset;
    flex-direction: row;
    justify-content: space-around;
}
}
[data-v-01ad6ed8] .oxd-glass-button {
  width: 100%;
  justify-content: center;
}
@media (min-width: 600px) {
[data-v-01ad6ed8] .oxd-glass-button {
    width: unset;
    justify-content: unset;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-87437df6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-87437df6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-87437df6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-87437df6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-87437df6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-87437df6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-87437df6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-87437df6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-87437df6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-87437df6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-87437df6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-87437df6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-87437df6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-87437df6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-87437df6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-87437df6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-87437df6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-87437df6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-87437df6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-87437df6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-87437df6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-87437df6],
.orangehrm-dialog-header-container[data-v-87437df6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-87437df6],
.orangehrm-dialog-header-container .oxd-button[data-v-87437df6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-87437df6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-87437df6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-87437df6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-87437df6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-87437df6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-87437df6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-87437df6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-87437df6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-87437df6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-87437df6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-87437df6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-87437df6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-87437df6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-87437df6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-87437df6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-87437df6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-87437df6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-87437df6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-87437df6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-87437df6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-87437df6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-87437df6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-87437df6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-87437df6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-87437df6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-87437df6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-87437df6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-87437df6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-87437df6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-87437df6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-heart-icon[data-v-87437df6] {
  background-color: rgba(100, 114, 140, 0.1);
  border-radius: 50px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  overflow: visible;
}
.orangehrm-heart-icon-path[data-v-87437df6] {
  transform-origin: center;
  animation: animateHeartOut-87437df6 0.3s linear forwards;
}
.orangehrm-heart-icon-circle[data-v-87437df6] {
  transform-origin: 29.5px 29.5px;
}
.orangehrm-like-animation .orangehrm-heart-icon-path[data-v-87437df6] {
  fill: #e2264d;
  transform: scale(0.2);
  animation: animateHeart-87437df6 0.3s linear forwards 0.25s;
}
.orangehrm-like-animation .orangehrm-heart-icon-circle[data-v-87437df6] {
  opacity: 1;
  transition: all 2s;
  animation: animateCircle-87437df6 0.3s linear forwards;
}
.orangehrm-like-animation .orangehrm-heart-icon-group1[data-v-87437df6] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group1 .orangehrm-heart-icon-oval1[data-v-87437df6] {
  transform: scale(0) translate(0, -30px);
  transform-origin: 0 0 0;
  transition: 0.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group1 .orangehrm-heart-icon-oval2[data-v-87437df6] {
  transform: scale(0) translate(10px, -50px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group2[data-v-87437df6] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group2 .orangehrm-heart-icon-oval1[data-v-87437df6] {
  transform: scale(0) translate(30px, -15px);
  transform-origin: 0 0 0;
  transition: 0.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group2 .orangehrm-heart-icon-oval2[data-v-87437df6] {
  transform: scale(0) translate(60px, -15px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group3[data-v-87437df6] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group3 .orangehrm-heart-icon-oval1[data-v-87437df6] {
  transform: scale(0) translate(30px, 0px);
  transform-origin: 0 0 0;
  transition: 0.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group3 .orangehrm-heart-icon-oval2[data-v-87437df6] {
  transform: scale(0) translate(60px, 10px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group4[data-v-87437df6] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group4 .orangehrm-heart-icon-oval1[data-v-87437df6] {
  transform: scale(0) translate(30px, 15px);
  transform-origin: 0 0 0;
  transition: 0.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group4 .orangehrm-heart-icon-oval2[data-v-87437df6] {
  transform: scale(0) translate(40px, 50px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group5[data-v-87437df6] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group5 .orangehrm-heart-icon-oval1[data-v-87437df6] {
  transform: scale(0) translate(-10px, 20px);
  transform-origin: 0 0 0;
  transition: 0.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group5 .orangehrm-heart-icon-oval2[data-v-87437df6] {
  transform: scale(0) translate(-60px, 30px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group6[data-v-87437df6] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group6 .orangehrm-heart-icon-oval1[data-v-87437df6] {
  transform: scale(0) translate(-30px, 0px);
  transform-origin: 0 0 0;
  transition: 0.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group6 .orangehrm-heart-icon-oval2[data-v-87437df6] {
  transform: scale(0) translate(-60px, -5px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group7[data-v-87437df6] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group7 .orangehrm-heart-icon-oval1[data-v-87437df6] {
  transform: scale(0) translate(-30px, -15px);
  transform-origin: 0 0 0;
  transition: 0.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group7 .orangehrm-heart-icon-oval2[data-v-87437df6] {
  transform: scale(0) translate(-55px, -30px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
@keyframes animateCircle-87437df6 {
40% {
    transform: scale(10);
    opacity: 1;
    fill: #dd4688;
}
55% {
    transform: scale(11);
    opacity: 1;
    fill: #d46abf;
}
65% {
    transform: scale(12);
    opacity: 1;
    fill: #cc8ef5;
}
75% {
    transform: scale(13);
    opacity: 1;
    fill: transparent;
    stroke: #cc8ef5;
    stroke-width: 0.5;
}
85% {
    transform: scale(17);
    opacity: 1;
    fill: transparent;
    stroke: #cc8ef5;
    stroke-width: 0.2;
}
95% {
    transform: scale(18);
    opacity: 1;
    fill: transparent;
    stroke: #cc8ef5;
    stroke-width: 0.1;
}
100% {
    transform: scale(19);
    opacity: 1;
    fill: transparent;
    stroke: #cc8ef5;
    stroke-width: 0;
}
}
@keyframes animateHeart-87437df6 {
0% {
    transform: scale(0.2);
}
40% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
@keyframes animateHeartOut-87437df6 {
0% {
    transform: scale(1.4);
}
100% {
    transform: scale(1);
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-8c1e735e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-8c1e735e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-8c1e735e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-8c1e735e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-8c1e735e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-8c1e735e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-8c1e735e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-8c1e735e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-8c1e735e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-8c1e735e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-8c1e735e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-8c1e735e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-8c1e735e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-8c1e735e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-8c1e735e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-8c1e735e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-8c1e735e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-8c1e735e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-8c1e735e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-8c1e735e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-8c1e735e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-8c1e735e],
.orangehrm-dialog-header-container[data-v-8c1e735e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-8c1e735e],
.orangehrm-dialog-header-container .oxd-button[data-v-8c1e735e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-8c1e735e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-8c1e735e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-8c1e735e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-8c1e735e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-8c1e735e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-8c1e735e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-8c1e735e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-8c1e735e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-8c1e735e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-8c1e735e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-8c1e735e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-8c1e735e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-8c1e735e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-8c1e735e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-8c1e735e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-8c1e735e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-8c1e735e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-8c1e735e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-8c1e735e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-8c1e735e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-8c1e735e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-8c1e735e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-8c1e735e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-8c1e735e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-8c1e735e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-8c1e735e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-8c1e735e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-8c1e735e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-8c1e735e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-8c1e735e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-post-actions[data-v-8c1e735e] {
  gap: 5px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-buzz-post-actions[data-v-8c1e735e] .oxd-icon-button {
  width: 36px;
  height: 36px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-ecbe79d2] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-ecbe79d2] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-ecbe79d2] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-ecbe79d2] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-ecbe79d2] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-ecbe79d2] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-ecbe79d2] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-ecbe79d2] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-ecbe79d2] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-ecbe79d2]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-ecbe79d2] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-ecbe79d2] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-ecbe79d2] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-ecbe79d2] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-ecbe79d2] {
  background-image: none !important;
}
.oxd-text--h5[data-v-ecbe79d2] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-ecbe79d2] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-ecbe79d2] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-ecbe79d2] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-ecbe79d2] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-ecbe79d2] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-ecbe79d2],
.orangehrm-dialog-header-container[data-v-ecbe79d2] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-ecbe79d2],
.orangehrm-dialog-header-container .oxd-button[data-v-ecbe79d2] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-ecbe79d2] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-ecbe79d2] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-ecbe79d2] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-ecbe79d2] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-ecbe79d2] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-ecbe79d2] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-ecbe79d2] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-ecbe79d2] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-ecbe79d2] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-ecbe79d2] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-ecbe79d2] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-ecbe79d2] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-ecbe79d2] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-ecbe79d2] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-ecbe79d2] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-ecbe79d2] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-ecbe79d2] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-ecbe79d2] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-ecbe79d2] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-ecbe79d2] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-ecbe79d2] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-ecbe79d2] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-ecbe79d2] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-ecbe79d2] {
  color: #38455d;
}
.orangehrm-form-action[data-v-ecbe79d2] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-ecbe79d2] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-ecbe79d2] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-ecbe79d2] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-ecbe79d2] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-ecbe79d2] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-share-employee[data-v-ecbe79d2] {
  font-size: 0.9rem;
}
.orangehrm-buzz-share-date[data-v-ecbe79d2] {
  font-size: 0.6rem;
  color: #929baa;
}
.orangehrm-buzz-share-text[data-v-ecbe79d2] {
  font-weight: 300;
  margin-top: 0.5rem;
  position: relative;
  overflow: hidden;
  max-height: 9;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-share-text[data-v-ecbe79d2]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 6) {
.orangehrm-buzz-share-text[data-v-ecbe79d2] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-share-text[data-v-ecbe79d2]:after {
    display: none;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-74f79510] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-74f79510] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-74f79510] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-74f79510] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-74f79510] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-74f79510] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-74f79510] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-74f79510] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-74f79510] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-74f79510]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-74f79510] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-74f79510] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-74f79510] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-74f79510] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-74f79510] {
  background-image: none !important;
}
.oxd-text--h5[data-v-74f79510] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-74f79510] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-74f79510] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-74f79510] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-74f79510] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-74f79510] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-74f79510],
.orangehrm-dialog-header-container[data-v-74f79510] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-74f79510],
.orangehrm-dialog-header-container .oxd-button[data-v-74f79510] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-74f79510] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-74f79510] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-74f79510] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-74f79510] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-74f79510] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-74f79510] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-74f79510] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-74f79510] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-74f79510] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-74f79510] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-74f79510] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-74f79510] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-74f79510] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-74f79510] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-74f79510] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-74f79510] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-74f79510] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-74f79510] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-74f79510] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-74f79510] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-74f79510] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-74f79510] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-74f79510] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-74f79510] {
  color: #38455d;
}
.orangehrm-form-action[data-v-74f79510] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-74f79510] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-74f79510] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-74f79510] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-74f79510] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-74f79510] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-photo-viewer[data-v-74f79510] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.orangehrm-photo-viewer-photo[data-v-74f79510] {
  top: 0;
  height: 100vh;
  width: inherit;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}
.orangehrm-photo-viewer-background[data-v-74f79510] {
  top: 0;
  bottom: 0;
  scale: 1.2;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  filter: blur(0.5rem) brightness(30%);
}
.orangehrm-photo-viewer-controls[data-v-74f79510] {
  left: 0;
  right: 0;
  display: flex;
  padding: 0 10px;
  position: absolute;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1000px) {
.orangehrm-photo-viewer-controls[data-v-74f79510] {
    gap: 1rem;
    padding: 0;
    bottom: 50px;
    justify-content: center;
}
}
.orangehrm-photo-viewer-close[data-v-74f79510] {
  top: 1rem;
  left: 1rem;
  position: absolute;
}
.orangehrm-photo-viewer-actions[data-v-74f79510] {
  left: 0;
  right: 0;
  bottom: 25px;
  margin: 0 0.75rem;
  position: absolute;
}
[data-v-74f79510] .actions {
  padding: 0;
  font-size: 12px;
  min-width: 1.5625rem;
  min-height: 1.5625rem;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.7);
}
[data-v-74f79510] .actions:hover {
  background-color: #64728c;
}
[data-v-74f79510] .actions:disabled {
  opacity: 0.5;
  background-color: unset;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-503e2a9a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-503e2a9a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-503e2a9a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-503e2a9a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-503e2a9a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-503e2a9a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-503e2a9a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-503e2a9a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-503e2a9a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-503e2a9a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-503e2a9a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-503e2a9a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-503e2a9a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-503e2a9a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-503e2a9a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-503e2a9a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-503e2a9a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-503e2a9a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-503e2a9a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-503e2a9a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-503e2a9a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-503e2a9a],
.orangehrm-dialog-header-container[data-v-503e2a9a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-503e2a9a],
.orangehrm-dialog-header-container .oxd-button[data-v-503e2a9a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-503e2a9a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-503e2a9a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-503e2a9a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-503e2a9a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-503e2a9a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-503e2a9a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-503e2a9a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-503e2a9a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-503e2a9a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-503e2a9a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-503e2a9a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-503e2a9a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-503e2a9a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-503e2a9a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-503e2a9a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-503e2a9a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-503e2a9a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-503e2a9a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-503e2a9a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-503e2a9a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-503e2a9a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-503e2a9a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-503e2a9a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-503e2a9a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-503e2a9a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-503e2a9a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-503e2a9a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-503e2a9a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-503e2a9a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-503e2a9a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-comment-wrapper[data-v-503e2a9a] {
  gap: 10px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.orangehrm-post-comment[data-v-503e2a9a] {
  width: 100%;
}
.orangehrm-post-comment-employee[data-v-503e2a9a] {
  font-size: 1rem;
  font-weight: 600;
  overflow-wrap: break-word;
}
.orangehrm-post-comment-datetime[data-v-503e2a9a] {
  font-weight: 300;
  font-size: 0.6rem;
  color: #929baa;
}
.orangehrm-post-comment-area[data-v-503e2a9a] {
  padding: 0.5rem;
  position: relative;
  border-radius: 0.8rem;
  background-color: #f6f5fb;
}
.orangehrm-post-comment-action-area[data-v-503e2a9a] {
  gap: 1rem;
  display: flex;
  font-size: 0.75rem;
  margin-top: 0.1rem;
}
.orangehrm-post-comment-action.--cancel[data-v-503e2a9a] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-comment-action.--liked[data-v-503e2a9a] {
  color: #eb0910;
}
.orangehrm-post-comment-action[data-v-503e2a9a]:hover {
  cursor: pointer;
  text-decoration: underline;
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-comment form[data-v-503e2a9a] {
  font-size: 0.75rem;
}
.orangehrm-post-comment-text[data-v-503e2a9a] {
  font-weight: 300;
  font-size: 0.75rem;
  overflow-wrap: break-word;
}
.orangehrm-post-comment-text.--truncate[data-v-503e2a9a] {
  position: relative;
  overflow: hidden;
  max-height: 9;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-post-comment-text.--truncate[data-v-503e2a9a]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 6) {
.orangehrm-post-comment-text.--truncate[data-v-503e2a9a] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-post-comment-text.--truncate[data-v-503e2a9a]:after {
    display: none;
}
}
.orangehrm-post-comment-readmore[data-v-503e2a9a] {
  cursor: pointer;
  font-size: 0.75rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-comment-readmore[data-v-503e2a9a]:hover {
  text-decoration: underline;
}
.orangehrm-post-comment-stats[data-v-503e2a9a] {
  right: 0;
  bottom: -5px;
  gap: 2.5px;
  padding: 2.5px;
  display: flex;
  position: absolute;
  align-items: center;
  font-size: 0.75rem;
  border-radius: 0.5rem;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  background-color: #fafafc;
}
.orangehrm-post-comment-stats-icon[data-v-503e2a9a] {
  height: 12px;
  color: #eb0910;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-76828684] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-76828684] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-76828684] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-76828684] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-76828684] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-76828684] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-76828684] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-76828684] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-76828684] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-76828684]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-76828684] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-76828684] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-76828684] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-76828684] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-76828684] {
  background-image: none !important;
}
.oxd-text--h5[data-v-76828684] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-76828684] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-76828684] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-76828684] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-76828684] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-76828684] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-76828684],
.orangehrm-dialog-header-container[data-v-76828684] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-76828684],
.orangehrm-dialog-header-container .oxd-button[data-v-76828684] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-76828684] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-76828684] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-76828684] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-76828684] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-76828684] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-76828684] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-76828684] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-76828684] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-76828684] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-76828684] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-76828684] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-76828684] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-76828684] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-76828684] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-76828684] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-76828684] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-76828684] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-76828684] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-76828684] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-76828684] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-76828684] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-76828684] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-76828684] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-76828684] {
  color: #38455d;
}
.orangehrm-form-action[data-v-76828684] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-76828684] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-76828684] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-76828684] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-76828684] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-76828684] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-comment-add[data-v-76828684] {
  gap: 10px;
  display: flex;
}
.orangehrm-buzz-comment-add form[data-v-76828684] {
  width: 100%;
}
.orangehrm-buzz-comment-readmore[data-v-76828684] {
  margin: 0 auto;
  cursor: pointer;
  font-size: 0.9rem;
  text-align: center;
  color: var(--oxd-primary-one-color);
}
.orangehrm-buzz-comment-readmore[data-v-76828684]:hover {
  text-decoration: underline;
}
.orangehrm-buzz-comment[data-v-76828684] .oxd-input-group__label-wrapper {
  display: none;
}
.orangehrm-buzz-comment[data-v-76828684] .oxd-input-field-bottom-space {
  margin-bottom: unset;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3d4d75d4] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3d4d75d4] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3d4d75d4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3d4d75d4] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3d4d75d4] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3d4d75d4] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3d4d75d4] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3d4d75d4] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3d4d75d4] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3d4d75d4]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3d4d75d4] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3d4d75d4] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3d4d75d4] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3d4d75d4] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3d4d75d4] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3d4d75d4] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3d4d75d4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3d4d75d4] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3d4d75d4] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3d4d75d4] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3d4d75d4] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3d4d75d4],
.orangehrm-dialog-header-container[data-v-3d4d75d4] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3d4d75d4],
.orangehrm-dialog-header-container .oxd-button[data-v-3d4d75d4] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3d4d75d4] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3d4d75d4] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3d4d75d4] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3d4d75d4] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3d4d75d4] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3d4d75d4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3d4d75d4] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3d4d75d4] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3d4d75d4] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3d4d75d4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3d4d75d4] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3d4d75d4] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3d4d75d4] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3d4d75d4] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3d4d75d4] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3d4d75d4] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3d4d75d4] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3d4d75d4] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3d4d75d4] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3d4d75d4] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3d4d75d4] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3d4d75d4] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3d4d75d4] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3d4d75d4] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3d4d75d4] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3d4d75d4] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3d4d75d4] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3d4d75d4] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3d4d75d4] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3d4d75d4] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-post-details[data-v-3d4d75d4] {
  padding: 1.2rem;
  overflow-y: auto;
  height: 100vh;
  background: #ffffff;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-post-details[data-v-3d4d75d4]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-post-details[data-v-3d4d75d4]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-post-details[data-v-3d4d75d4]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-post-details[data-v-3d4d75d4] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-post-details-header[data-v-3d4d75d4] {
  gap: 1rem;
  display: flex;
  align-items: center;
}
.orangehrm-post-details-time[data-v-3d4d75d4] {
  font-size: 0.75rem;
  color: #929baa;
}
.orangehrm-post-details-emp-name[data-v-3d4d75d4] {
  font-size: 1rem;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  max-height: 1;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-post-details-emp-name[data-v-3d4d75d4]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 1) {
.orangehrm-post-details-emp-name[data-v-3d4d75d4] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-post-details-emp-name[data-v-3d4d75d4]:after {
    display: none;
}
}
.orangehrm-post-details-readmore[data-v-3d4d75d4] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-details-readmore[data-v-3d4d75d4]:hover {
  text-decoration: underline;
}
.orangehrm-post-details-text[data-v-3d4d75d4] {
  margin-top: 0.5rem;
  font-weight: 300;
  text-align: justify;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.orangehrm-post-details-text.--truncate[data-v-3d4d75d4] {
  position: relative;
  overflow: hidden;
  max-height: 9;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-post-details-text.--truncate[data-v-3d4d75d4]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 6) {
.orangehrm-post-details-text.--truncate[data-v-3d4d75d4] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-post-details-text.--truncate[data-v-3d4d75d4]:after {
    display: none;
}
}
.orangehrm-post-details-actions[data-v-3d4d75d4] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.orangehrm-post-details-close[data-v-3d4d75d4] {
  display: block;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-post-details-close[data-v-3d4d75d4] {
    display: none;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-39e7e2aa] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-39e7e2aa] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-39e7e2aa] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-39e7e2aa] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-39e7e2aa] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-39e7e2aa] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-39e7e2aa] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-39e7e2aa] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-39e7e2aa] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-39e7e2aa]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-39e7e2aa] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-39e7e2aa] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-39e7e2aa] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-39e7e2aa] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-39e7e2aa] {
  background-image: none !important;
}
.oxd-text--h5[data-v-39e7e2aa] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-39e7e2aa] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-39e7e2aa] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-39e7e2aa] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-39e7e2aa] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-39e7e2aa] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-39e7e2aa],
.orangehrm-dialog-header-container[data-v-39e7e2aa] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-39e7e2aa],
.orangehrm-dialog-header-container .oxd-button[data-v-39e7e2aa] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-39e7e2aa] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-39e7e2aa] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-39e7e2aa] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-39e7e2aa] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-39e7e2aa] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-39e7e2aa] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-39e7e2aa] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-39e7e2aa] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-39e7e2aa] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-39e7e2aa] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-39e7e2aa] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-39e7e2aa] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-39e7e2aa] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-39e7e2aa] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-39e7e2aa] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-39e7e2aa] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-39e7e2aa] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-39e7e2aa] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-39e7e2aa] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-39e7e2aa] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-39e7e2aa] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-39e7e2aa] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-39e7e2aa] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-39e7e2aa] {
  color: #38455d;
}
.orangehrm-form-action[data-v-39e7e2aa] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-39e7e2aa] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-39e7e2aa] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-39e7e2aa] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-39e7e2aa] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-39e7e2aa] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-pill[data-v-39e7e2aa] {
  display: flex;
  padding: 0.5rem;
  border-radius: 1rem;
  align-items: flex-start;
  background: #ffffff;
  justify-content: space-between;
}
.orangehrm-buzz-pill-actions[data-v-39e7e2aa] {
  gap: 5px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-buzz-pill-actions[data-v-39e7e2aa] .oxd-icon-button {
  width: 36px;
  height: 36px;
}
.orangehrm-buzz-pill-stats-likes[data-v-39e7e2aa] {
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  align-items: flex-end;
  justify-content: flex-end;
}
.orangehrm-buzz-pill-stats-likes[data-v-39e7e2aa] .oxd-icon {
  margin-right: 5px;
  color: #eb0910;
}
.orangehrm-buzz-pill-stats-other[data-v-39e7e2aa] {
  display: flex;
  font-size: 0.75rem;
  justify-content: flex-end;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-11b5d246] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-11b5d246] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-11b5d246] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-11b5d246] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-11b5d246] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-11b5d246] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-11b5d246] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-11b5d246] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-11b5d246] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-11b5d246]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-11b5d246] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-11b5d246] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-11b5d246] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-11b5d246] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-11b5d246] {
  background-image: none !important;
}
.oxd-text--h5[data-v-11b5d246] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-11b5d246] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-11b5d246] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-11b5d246] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-11b5d246] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-11b5d246] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-11b5d246],
.orangehrm-dialog-header-container[data-v-11b5d246] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-11b5d246],
.orangehrm-dialog-header-container .oxd-button[data-v-11b5d246] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-11b5d246] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-11b5d246] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-11b5d246] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-11b5d246] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-11b5d246] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-11b5d246] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-11b5d246] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-11b5d246] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-11b5d246] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-11b5d246] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-11b5d246] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-11b5d246] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-11b5d246] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-11b5d246] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-11b5d246] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-11b5d246] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-11b5d246] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-11b5d246] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-11b5d246] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-11b5d246] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-11b5d246] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-11b5d246] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-11b5d246] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-11b5d246] {
  color: #38455d;
}
.orangehrm-form-action[data-v-11b5d246] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-11b5d246] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-11b5d246] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-11b5d246] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-11b5d246] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-11b5d246] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-photo-carousel[data-v-11b5d246] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  outline: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 300;
}
.orangehrm-photo-carousel.--web[data-v-11b5d246] {
  display: grid;
  grid-template-columns: 70% 30%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6ddd08d5] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6ddd08d5] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6ddd08d5] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6ddd08d5] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6ddd08d5] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6ddd08d5] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6ddd08d5] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6ddd08d5] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6ddd08d5] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6ddd08d5]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6ddd08d5] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6ddd08d5] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6ddd08d5] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6ddd08d5] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6ddd08d5] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6ddd08d5] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6ddd08d5] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6ddd08d5] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6ddd08d5] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6ddd08d5] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6ddd08d5] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6ddd08d5],
.orangehrm-dialog-header-container[data-v-6ddd08d5] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6ddd08d5],
.orangehrm-dialog-header-container .oxd-button[data-v-6ddd08d5] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6ddd08d5] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6ddd08d5] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6ddd08d5] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6ddd08d5] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6ddd08d5] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6ddd08d5] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6ddd08d5] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6ddd08d5] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6ddd08d5] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6ddd08d5] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6ddd08d5] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6ddd08d5] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6ddd08d5] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6ddd08d5] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6ddd08d5] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6ddd08d5] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6ddd08d5] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6ddd08d5] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6ddd08d5] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6ddd08d5] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6ddd08d5] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6ddd08d5] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6ddd08d5] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6ddd08d5] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6ddd08d5] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6ddd08d5] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6ddd08d5] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6ddd08d5] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6ddd08d5] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6ddd08d5] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz[data-v-6ddd08d5] {
  padding: 1rem;
  margin-bottom: 1rem;
}
.orangehrm-buzz-like-icon[data-v-6ddd08d5] {
  color: #eb0910;
}
.orangehrm-buzz-loader[data-v-6ddd08d5] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
}
.orangehrm-buzz-post-header[data-v-6ddd08d5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-buzz-post-header-details[data-v-6ddd08d5] {
  display: flex;
  align-items: center;
}
.orangehrm-buzz-post-header-text[data-v-6ddd08d5] {
  margin-left: 1rem;
}
.orangehrm-buzz-post-header-config[data-v-6ddd08d5] {
  list-style: none;
  position: relative;
}
.orangehrm-buzz-post-header-config-item[data-v-6ddd08d5] {
  gap: 10px;
  display: flex;
  cursor: pointer;
  font-size: 12px;
  align-items: center;
  padding: 0.5rem 1rem;
}
.orangehrm-buzz-post-header-config-item[data-v-6ddd08d5]:hover {
  background-color: #f6f7f9;
}
.orangehrm-buzz-post-emp-name[data-v-6ddd08d5] {
  font-size: 1rem;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  max-height: 1;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-post-emp-name[data-v-6ddd08d5]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 1) {
.orangehrm-buzz-post-emp-name[data-v-6ddd08d5] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-post-emp-name[data-v-6ddd08d5]:after {
    display: none;
}
}
.orangehrm-buzz-post-time[data-v-6ddd08d5] {
  font-size: 0.75rem;
  color: #929baa;
}
.orangehrm-buzz-post-footer[data-v-6ddd08d5] {
  padding-top: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
[data-v-6ddd08d5] .oxd-dropdown-menu {
  left: unset;
  right: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6a78f4ea] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6a78f4ea] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6a78f4ea] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6a78f4ea] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6a78f4ea] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6a78f4ea] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6a78f4ea] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6a78f4ea] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6a78f4ea] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6a78f4ea]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6a78f4ea] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6a78f4ea] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6a78f4ea] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6a78f4ea] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6a78f4ea] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6a78f4ea] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6a78f4ea] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6a78f4ea] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6a78f4ea] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6a78f4ea] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6a78f4ea] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6a78f4ea],
.orangehrm-dialog-header-container[data-v-6a78f4ea] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6a78f4ea],
.orangehrm-dialog-header-container .oxd-button[data-v-6a78f4ea] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6a78f4ea] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6a78f4ea] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6a78f4ea] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6a78f4ea] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6a78f4ea] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6a78f4ea] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6a78f4ea] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6a78f4ea] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6a78f4ea] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6a78f4ea] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6a78f4ea] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6a78f4ea] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6a78f4ea] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6a78f4ea] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6a78f4ea] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6a78f4ea] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6a78f4ea] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6a78f4ea] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6a78f4ea] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6a78f4ea] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6a78f4ea] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6a78f4ea] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6a78f4ea] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6a78f4ea] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6a78f4ea] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6a78f4ea] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6a78f4ea] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6a78f4ea] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6a78f4ea] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6a78f4ea] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-share-employee[data-v-6a78f4ea] {
  font-size: 0.9rem;
}
.orangehrm-buzz-share-date[data-v-6a78f4ea] {
  font-size: 0.6rem;
  color: #929baa;
}
.orangehrm-buzz-share-text[data-v-6a78f4ea] {
  font-weight: 300;
  margin-top: 0.5rem;
  position: relative;
  overflow: hidden;
  max-height: 9;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-share-text[data-v-6a78f4ea]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 6) {
.orangehrm-buzz-share-text[data-v-6a78f4ea] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-share-text[data-v-6a78f4ea]:after {
    display: none;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-c785fea6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-c785fea6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-c785fea6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-c785fea6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-c785fea6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-c785fea6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-c785fea6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-c785fea6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-c785fea6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-c785fea6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-c785fea6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-c785fea6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-c785fea6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-c785fea6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-c785fea6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-c785fea6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-c785fea6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-c785fea6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-c785fea6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-c785fea6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-c785fea6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-c785fea6],
.orangehrm-dialog-header-container[data-v-c785fea6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-c785fea6],
.orangehrm-dialog-header-container .oxd-button[data-v-c785fea6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-c785fea6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-c785fea6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-c785fea6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-c785fea6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-c785fea6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-c785fea6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-c785fea6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-c785fea6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-c785fea6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-c785fea6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-c785fea6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-c785fea6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-c785fea6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-c785fea6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-c785fea6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-c785fea6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-c785fea6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-c785fea6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-c785fea6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-c785fea6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-c785fea6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-c785fea6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-c785fea6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-c785fea6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-c785fea6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-c785fea6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-c785fea6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-c785fea6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-c785fea6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-c785fea6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-newsfeed-title[data-v-c785fea6] {
  display: none;
}
@media (min-width: 1000px) {
.orangehrm-buzz-newsfeed-title[data-v-c785fea6] {
    display: block;
}
}
.orangehrm-buzz-newsfeed-loader[data-v-c785fea6] {
  margin: 0 auto;
}
.orangehrm-buzz-newsfeed-noposts[data-v-c785fea6] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.orangehrm-buzz-newsfeed-noposts img[data-v-c785fea6] {
  width: 70%;
  margin: 1rem 0;
  max-width: 240px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-267f724f] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-267f724f] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-267f724f] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-267f724f] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-267f724f] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-267f724f] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-267f724f] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-267f724f] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-267f724f] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-267f724f]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-267f724f] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-267f724f] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-267f724f] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-267f724f] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-267f724f] {
  background-image: none !important;
}
.oxd-text--h5[data-v-267f724f] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-267f724f] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-267f724f] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-267f724f] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-267f724f] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-267f724f] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-267f724f],
.orangehrm-dialog-header-container[data-v-267f724f] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-267f724f],
.orangehrm-dialog-header-container .oxd-button[data-v-267f724f] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-267f724f] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-267f724f] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-267f724f] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-267f724f] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-267f724f] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-267f724f] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-267f724f] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-267f724f] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-267f724f] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-267f724f] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-267f724f] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-267f724f] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-267f724f] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-267f724f] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-267f724f] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-267f724f] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-267f724f] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-267f724f] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-267f724f] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-267f724f] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-267f724f] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-267f724f] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-267f724f] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-267f724f] {
  color: #38455d;
}
.orangehrm-form-action[data-v-267f724f] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-267f724f] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-267f724f] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-267f724f] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-267f724f] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-267f724f] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-post-filters[data-v-267f724f] {
  gap: 0.5rem;
  display: flex;
  margin: 1rem 0;
}
.orangehrm-post-filters-button[data-v-267f724f] {
  word-break: break-word;
  transition: all 400ms ease-in-out;
}
.orangehrm-post-filters[data-v-267f724f] .oxd-button {
  min-width: unset;
  font-weight: 700;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-post-filters[data-v-267f724f] .oxd-button {
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
}
@media screen and (min-width: 1920px) {
.orangehrm-post-filters[data-v-267f724f] .oxd-button {
    padding: 1rem;
}
}
@media screen and (min-width: 1920px) {
.orangehrm-post-filters[data-v-267f724f] {
    top: 8.5rem;
    margin: unset;
    position: sticky;
    flex-direction: column;
}
}
.orangehrm-post-filters[data-v-267f724f] .oxd-button--label-warn {
  width: 100%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-0bf3f506] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-0bf3f506] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-0bf3f506] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-0bf3f506] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-0bf3f506] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-0bf3f506] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-0bf3f506] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-0bf3f506] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-0bf3f506] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-0bf3f506]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-0bf3f506] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-0bf3f506] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-0bf3f506] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-0bf3f506] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-0bf3f506] {
  background-image: none !important;
}
.oxd-text--h5[data-v-0bf3f506] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-0bf3f506] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-0bf3f506] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-0bf3f506] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-0bf3f506] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-0bf3f506] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-0bf3f506],
.orangehrm-dialog-header-container[data-v-0bf3f506] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-0bf3f506],
.orangehrm-dialog-header-container .oxd-button[data-v-0bf3f506] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-0bf3f506] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-0bf3f506] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-0bf3f506] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-0bf3f506] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-0bf3f506] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-0bf3f506] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-0bf3f506] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-0bf3f506] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-0bf3f506] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-0bf3f506] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-0bf3f506] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-0bf3f506] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-0bf3f506] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-0bf3f506] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-0bf3f506] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-0bf3f506] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-0bf3f506] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-0bf3f506] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-0bf3f506] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-0bf3f506] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-0bf3f506] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-0bf3f506] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-0bf3f506] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-0bf3f506] {
  color: #38455d;
}
.orangehrm-form-action[data-v-0bf3f506] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-0bf3f506] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-0bf3f506] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-0bf3f506] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-0bf3f506] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-0bf3f506] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-anniversary-content[data-v-0bf3f506] {
  height: 100vh;
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary-content[data-v-0bf3f506] {
    height: unset;
    overflow: auto;
}
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary-content.--show-more[data-v-0bf3f506] {
    max-height: 22rem;
    scrollbar-color: #cfd3de #f6f5fb;
    scrollbar-width: thin;
}
.orangehrm-buzz-anniversary-content.--show-more[data-v-0bf3f506]::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}
.orangehrm-buzz-anniversary-content.--show-more[data-v-0bf3f506]::-webkit-scrollbar-thumb {
    background: #cfd3de;
    border-radius: 20px;
}
.orangehrm-buzz-anniversary-content.--show-more[data-v-0bf3f506]::-webkit-scrollbar-track {
    background: #f6f5fb;
}
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (min-width: 1000px) and (-ms-high-contrast: none) {
.orangehrm-buzz-anniversary-content.--show-more[data-v-0bf3f506] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-buzz-anniversary-item[data-v-0bf3f506] {
  display: flex;
  padding: 0.5rem 0;
  position: relative;
  align-items: center;
}
.orangehrm-buzz-anniversary-title[data-v-0bf3f506] {
  display: none;
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary-title[data-v-0bf3f506] {
    display: block;
}
}
.orangehrm-buzz-anniversary-profile[data-v-0bf3f506] {
  display: flex;
}
.orangehrm-buzz-anniversary-profile-details[data-v-0bf3f506] {
  margin: auto;
  word-break: break-word;
  padding-left: 1rem;
}
.orangehrm-buzz-anniversary-emp-name[data-v-0bf3f506] {
  font-weight: 400;
  font-size: 0.85rem;
  position: relative;
  overflow: hidden;
  max-height: 2;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-anniversary-emp-name[data-v-0bf3f506]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-buzz-anniversary-emp-name[data-v-0bf3f506] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-anniversary-emp-name[data-v-0bf3f506]:after {
    display: none;
}
}
.orangehrm-buzz-anniversary-job-details[data-v-0bf3f506] {
  font-weight: 700;
  margin-top: 0.1rem;
  font-size: 0.75rem;
  position: relative;
  overflow: hidden;
  max-height: 2;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-anniversary-job-details[data-v-0bf3f506]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-buzz-anniversary-job-details[data-v-0bf3f506] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-anniversary-job-details[data-v-0bf3f506]:after {
    display: none;
}
}
.orangehrm-buzz-anniversary-duration[data-v-0bf3f506] {
  padding: 0 20px;
  font-weight: 600;
  margin-left: auto;
  white-space: nowrap;
}
.orangehrm-buzz-anniversary-duration img[data-v-0bf3f506] {
  width: 4rem;
  position: absolute;
}
.orangehrm-buzz-anniversary-duration-years[data-v-0bf3f506] {
  font-size: 0.7rem;
  font-weight: 800;
}
.orangehrm-buzz-anniversary-duration-date[data-v-0bf3f506] {
  font-size: 0.5rem;
}
.orangehrm-buzz-anniversary-durations-text[data-v-0bf3f506] {
  margin-left: 1.2rem;
  text-align: center;
}
.orangehrm-buzz-anniversary-footer[data-v-0bf3f506] {
  font-weight: 700;
  text-align: right;
  font-size: 0.75rem;
}
.orangehrm-buzz-anniversary-footer[data-v-0bf3f506] .oxd-text {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-buzz-anniversary-nocontent[data-v-0bf3f506] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.orangehrm-buzz-anniversary-nocontent img[data-v-0bf3f506] {
  width: 45%;
  margin: 1rem 0;
  max-width: 270px;
}
.orangehrm-buzz-anniversary-nocontent p[data-v-0bf3f506] {
  width: 60%;
  text-align: center;
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary[data-v-0bf3f506] {
    top: 9rem;
    position: sticky;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-50cce250] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-50cce250] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-50cce250] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-50cce250] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-50cce250] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-50cce250] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-50cce250] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-50cce250] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-50cce250] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-50cce250]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-50cce250] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-50cce250] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-50cce250] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-50cce250] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-50cce250] {
  background-image: none !important;
}
.oxd-text--h5[data-v-50cce250] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-50cce250] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-50cce250] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-50cce250] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-50cce250] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-50cce250] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-50cce250],
.orangehrm-dialog-header-container[data-v-50cce250] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-50cce250],
.orangehrm-dialog-header-container .oxd-button[data-v-50cce250] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-50cce250] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-50cce250] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-50cce250] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-50cce250] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-50cce250] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-50cce250] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-50cce250] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-50cce250] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-50cce250] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-50cce250] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-50cce250] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-50cce250] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-50cce250] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-50cce250] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-50cce250] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-50cce250] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-50cce250] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-50cce250] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-50cce250] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-50cce250] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-50cce250] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-50cce250] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-50cce250] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-50cce250] {
  color: #38455d;
}
.orangehrm-form-action[data-v-50cce250] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-50cce250] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-50cce250] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-50cce250] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-50cce250] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-50cce250] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-buzz-layout[data-v-50cce250] {
  justify-content: center;
  grid-template-columns: minmax(240px, 640px) minmax(0, 375px);
}
@media screen and (min-width: 1920px) {
.orangehrm-buzz-layout[data-v-50cce250] {
    gap: 2rem;
    grid-template-columns: minmax(0, 375px) minmax(240px, 640px) minmax(0, 375px);
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-46aaa76a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-46aaa76a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-46aaa76a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-46aaa76a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-46aaa76a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-46aaa76a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-46aaa76a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-46aaa76a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-46aaa76a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-46aaa76a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-46aaa76a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-46aaa76a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-46aaa76a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-46aaa76a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-46aaa76a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-46aaa76a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-46aaa76a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-46aaa76a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-46aaa76a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-46aaa76a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-46aaa76a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-46aaa76a],
.orangehrm-dialog-header-container[data-v-46aaa76a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-46aaa76a],
.orangehrm-dialog-header-container .oxd-button[data-v-46aaa76a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-46aaa76a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-46aaa76a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-46aaa76a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-46aaa76a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-46aaa76a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-46aaa76a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-46aaa76a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-46aaa76a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-46aaa76a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-46aaa76a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-46aaa76a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-46aaa76a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-46aaa76a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-46aaa76a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-46aaa76a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-46aaa76a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-46aaa76a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-46aaa76a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-46aaa76a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-46aaa76a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-46aaa76a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-46aaa76a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-46aaa76a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-46aaa76a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-46aaa76a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-46aaa76a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-46aaa76a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-46aaa76a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-46aaa76a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-46aaa76a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-flex-table[data-v-46aaa76a] {
  margin-bottom: 0.75rem;
}
.orangehrm-flex-table-title[data-v-46aaa76a] {
  font-weight: 700;
  font-size: 16px;
}
.orangehrm-flex-table-value[data-v-46aaa76a] {
  font-weight: 700;
}
.orangehrm-flex-table-value.--success[data-v-46aaa76a] {
  color: #34bc40;
}
.orangehrm-flex-table-value.--warning[data-v-46aaa76a] {
  color: #ffa62f;
}
.orangehrm-flex-table-value.--error[data-v-46aaa76a] {
  color: #eb0910;
}
.orangehrm-flex-table-row[data-v-46aaa76a] {
  display: flex;
  width: 100%;
  padding: 0.2rem 0;
}
.orangehrm-flex-table-content[data-v-46aaa76a] {
  flex: 1;
}
.orangehrm-flex-table-divider[data-v-46aaa76a] {
  border-top-color: #64728c;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-643d9a3b] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-643d9a3b] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-643d9a3b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-643d9a3b] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-643d9a3b] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-643d9a3b] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-643d9a3b] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-643d9a3b] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-643d9a3b] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-643d9a3b]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-643d9a3b] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-643d9a3b] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-643d9a3b] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-643d9a3b] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-643d9a3b] {
  background-image: none !important;
}
.oxd-text--h5[data-v-643d9a3b] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-643d9a3b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-643d9a3b] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-643d9a3b] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-643d9a3b] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-643d9a3b] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-643d9a3b],
.orangehrm-dialog-header-container[data-v-643d9a3b] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-643d9a3b],
.orangehrm-dialog-header-container .oxd-button[data-v-643d9a3b] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-643d9a3b] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-643d9a3b] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-643d9a3b] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-643d9a3b] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-643d9a3b] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-643d9a3b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-643d9a3b] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-643d9a3b] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-643d9a3b] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-643d9a3b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-643d9a3b] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-643d9a3b] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-643d9a3b] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-643d9a3b] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-643d9a3b] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-643d9a3b] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-643d9a3b] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-643d9a3b] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-643d9a3b] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-643d9a3b] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-643d9a3b] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-643d9a3b] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-643d9a3b] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-643d9a3b] {
  color: #38455d;
}
.orangehrm-form-action[data-v-643d9a3b] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-643d9a3b] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-643d9a3b] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-643d9a3b] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-643d9a3b] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-643d9a3b] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-system-check[data-v-643d9a3b] {
  font-size: 12px;
}
.orangehrm-system-check-title[data-v-643d9a3b] {
  font-weight: 700;
  color: var(--oxd-primary-one-color);
}
.orangehrm-system-check-content.--error[data-v-643d9a3b] {
  color: #eb0910;
}
.orangehrm-system-check-action[data-v-643d9a3b] {
  padding: 1rem 0;
}
.orangehrm-system-check-form[data-v-643d9a3b] {
  margin: 5%;
}
.orangehrm-system-check-form-loading[data-v-643d9a3b] {
  height: 100%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-b20d3e52] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-b20d3e52] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-b20d3e52] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-b20d3e52] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-b20d3e52] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-b20d3e52] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-b20d3e52] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-b20d3e52] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-b20d3e52] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-b20d3e52]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-b20d3e52] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-b20d3e52] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-b20d3e52] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-b20d3e52] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-b20d3e52] {
  background-image: none !important;
}
.oxd-text--h5[data-v-b20d3e52] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-b20d3e52] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-b20d3e52] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-b20d3e52] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-b20d3e52] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-b20d3e52] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-b20d3e52],
.orangehrm-dialog-header-container[data-v-b20d3e52] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-b20d3e52],
.orangehrm-dialog-header-container .oxd-button[data-v-b20d3e52] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-b20d3e52] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-b20d3e52] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-b20d3e52] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-b20d3e52] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-b20d3e52] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-b20d3e52] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-b20d3e52] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-b20d3e52] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-b20d3e52] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-b20d3e52] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-b20d3e52] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-b20d3e52] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-b20d3e52] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-b20d3e52] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-b20d3e52] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-b20d3e52] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-b20d3e52] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-b20d3e52] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-b20d3e52] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-b20d3e52] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-b20d3e52] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-b20d3e52] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-b20d3e52] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-b20d3e52] {
  color: #38455d;
}
.orangehrm-form-action[data-v-b20d3e52] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-b20d3e52] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-b20d3e52] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-b20d3e52] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-b20d3e52] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-b20d3e52] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* top bar navigation */
.top-bar-navi[data-v-b20d3e52] {
  background-color: #fff;
  position: fixed;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -60px;
  margin-left: 0;
  z-index: 210;
}
.top-flex-box[data-v-b20d3e52] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.top-flex-item[data-v-b20d3e52] {
  flex-grow: 0;
  flex-shrink: 1;
}
.top-bar-navi ul[data-v-b20d3e52] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.top-flex-item a[data-v-b20d3e52] {
  font-size: 12px;
  color: #034ea2;
  height: 35px;
  min-width: 100px;
  cursor: pointer;
  padding: 10px;
  text-decoration: none;
  border-radius: 0.85rem;
  font-family: Nunito Sans;
  font-size: 12px;
  font-weight: 600;
  background-color: #f8f9fa;
}
.top-flex-item a[data-v-b20d3e52]:hover {
  background-color: rgba(3, 78, 162, 0.1);
}

/* top bar navigation */
/* widths and heights */
.w25[data-v-b20d3e52] {
  width: 24% !important;
}
.w30[data-v-b20d3e52] {
  width: 200px !important;
}
.w50[data-v-b20d3e52] {
  width: 50%;
}
.w100[data-v-b20d3e52] {
  width: 100%;
}
.h60[data-v-b20d3e52] {
  height: 60px;
}
.h40[data-v-b20d3e52] {
  height: 40px;
}

/* input types */
.textarea-box[data-v-b20d3e52] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  border: #cecece solid 1px;
}
.select-type[data-v-b20d3e52] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 10px;
  border: #cecece solid 1px;
}
.text-type[data-v-b20d3e52] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  width: 100%;
  border: #cecece solid 1px;
}

/* buttons */
.btn[data-v-b20d3e52] {
  float: right;
  display: inline-block;
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 32px;
  padding-left: 32px;
  min-width: 100px;
  background-color: #f58a20;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  min-width: 100px;
  border: 0px;
  cursor: pointer;
}
.edit-btn[data-v-b20d3e52] {
  border: 0;
  cursor: pointer;
  background-color: transparent;
  margin-top: 12px;
}
.btn-2[data-v-b20d3e52] {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 0;
  height: 34px;
  background-color: #eee;
}

/* Content Box */
.content-container[data-v-b20d3e52] {
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 20px;
  margin-bottom: 20px;
}
.card[data-v-b20d3e52] {
  display: flex;
}

/* paddings */
.padding-0[data-v-b20d3e52] {
  width: 100%;
  padding: 0;
}
.padding-1[data-v-b20d3e52] {
  width: 98%;
  padding: 1%;
}
.padding-2[data-v-b20d3e52] {
  padding: 5px 0 5px 0;
}
.padding-3[data-v-b20d3e52] {
  padding: 10px;
}
.padding-top-20[data-v-b20d3e52] {
  padding-top: 20px;
}
.padding-10[data-v-b20d3e52] {
  padding: 10px;
}

/* flex cols and rows */
.flx-cols[data-v-b20d3e52] {
  flex-direction: column;
}
.flx-row[data-v-b20d3e52] {
  flex-direction: row;
}
.flx-align[data-v-b20d3e52] {
  align-items: center;
}

/* box layouts */
.card-content[data-v-b20d3e52] {
  flex-grow: 1;
}
.header-box[data-v-b20d3e52] {
  text-align: left;
}
.form-box[data-v-b20d3e52] {
  text-align: right;
}
.text-label[data-v-b20d3e52] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.main-title p[data-v-b20d3e52] {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #64728c;
}
.divider[data-v-b20d3e52] {
  border: 0;
  border-top: 1px solid #e8eaef;
}
.label-text[data-v-b20d3e52] {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #64728c;
}

/* list box */
.tbl-row[data-v-b20d3e52] {
  width: 100%;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.tbl-row .table-header li[data-v-b20d3e52] {
  color: #fff;
}
.table-header[data-v-b20d3e52] {
  display: flex;
}
.list-box[data-v-b20d3e52] {
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #e8eaef;
  padding: 0.5rem;
}
.list-box ul[data-v-b20d3e52] {
  padding: 0;
  margin: 0;
  list-style: none;
}
.list-box li[data-v-b20d3e52] {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 12px;
  color: #64728c;
}
.list-box .chk-box[data-v-b20d3e52] {
  width: 18px;
  border: 0;
}
.tbl-row li input[data-v-b20d3e52] {
  border: #fff 1px solid !important;
}
.btn-icon[data-v-b20d3e52] {
  margin: 4px;
  border-radius: 50%;
  padding: 5px;
  background-color: #cccccc;
  border: 0;
}

/* Employee Loans */
.budget-loanable[data-v-b20d3e52] {
  display: flex;
}
.budget-box[data-v-b20d3e52] {
  background-color: #e8eaef;
  width: 260px;
  padding: 10px;
  border-radius: 20px;
  color: #999;
  margin-right: 5px;
}
.loanable-box[data-v-b20d3e52] {
  background-color: #e8eaef;
  width: 260px;
  padding: 10px;
  border-radius: 20px;
  color: #999;
  margin-right: 5px;
}
.flx-basis[data-v-b20d3e52] {
  flex-basis: auto;
  flex-shrink: 1;
}
.budget-loanable-box[data-v-b20d3e52] {
  display: flex;
  width: 98%;
  padding: 1%;
  margin-top: 10px;
  border-radius: 20px;
  background-color: #e8eaef;
}
.label-text[data-v-b20d3e52] {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 50%;
  padding: 10px;
}
.margin-gap[data-v-b20d3e52] {
  margin-right: 10px;
}
.editable-box[data-v-b20d3e52] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.editable-box p[data-v-b20d3e52] {
  font-size: 14px;
}
.loan-flex-box[data-v-b20d3e52] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.loan-flex-item[data-v-b20d3e52] {
  flex-grow: 1;
  flex-shrink: 1;
}
.amt-box-edit[data-v-b20d3e52] {
  height: 40px;
  padding: 0 0 0 10px;
}

/* white box */
.wht-box[data-v-b20d3e52] {
  background-color: #fff;
  border-radius: 20px;
}

/* Gray box */
.gry-flex-box[data-v-b20d3e52] {
  display: flex;
  width: 98%;
  padding: 1%;
  margin-top: 10px;
  border-radius: 20px;
  background-color: #e8eaef;
}

/*flex table */
.flex-box[data-v-b20d3e52] {
  display: flex;
  flex-wrap: wrap;
}
.flex-item[data-v-b20d3e52] {
  flex-grow: 1;
  flex-shrink: 1;
}
.header-text[data-v-b20d3e52] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #64728c;
}
.label-text-14[data-v-b20d3e52] {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.tbl-container[data-v-b20d3e52] {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border-radius: 20px;
}
.tbl-box[data-v-b20d3e52] {
  display: flex;
  width: 98%;
  flex-wrap: nowrap;
  margin: 10px;
}
.tbl-col[data-v-b20d3e52] {
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
}
.tbl-chk[data-v-b20d3e52] {
  width: 8px;
  height: 8px;
  margin: 8px 5px 0 0;
}
.tbl-no-border[data-v-b20d3e52] {
  border: 0;
}
.tbl-w-border[data-v-b20d3e52] {
  border: 1px solid #cdcdcd;
}
.table-box[data-v-b20d3e52] {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
  border-spacing: 0;
  max-height: 480px;
  color: #666;
}
.table-box-int[data-v-b20d3e52] {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
  border-spacing: 0;
  max-height: 480px;
  color: #666;
}
.table-box td[data-v-b20d3e52] {
  width: 20%;
  border-style: solid;
  border-color: #f0f0f0;
}
.table-headers[data-v-b20d3e52] {
  font-weight: 600;
  font-size: 14px;
}
.table-values[data-v-b20d3e52] {
  font-size: 12px;
  text-align: right;
}
.device-tbl[data-v-b20d3e52] {
  width: 98%;
  margin: auto;
}
.device-header[data-v-b20d3e52] {
  font-size: 14px;
  padding: 8px;
  background-color: #cdcdcd;
}
.device-data[data-v-b20d3e52] {
  background-color: #ececec;
  font-size: 12px;
  padding: 8px;
  border: 0;
  color: #999;
}
.i-padding[data-v-b20d3e52] {
  margin: 2px;
}
.align-center[data-v-b20d3e52] {
  text-align: center;
}
.nxt-prv[data-v-b20d3e52] {
  font-size: 16px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-form-action {
  margin-top: 40px;
}
.toggles-item {
  margin-top: 20px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-form-action {
  margin-top: 40px;
}
.toggles-item {
  margin-top: 20px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.preview-payslip .top-sections {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
.preview-payslip .section {
  width: clamp(150px, 100%, 100%);
}
.preview-payslip .section.third .items {
  max-width: calc(50% - 20px);
}
.preview-payslip .section .title {
  font-size: 18px;
}
.preview-payslip .section .item {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.preview-payslip .section .item .value {
  width: 100px;
}
.preview-payslip .item-holder-container {
  display: flex;
  gap: 5px;
}
.preview-payslip .item-holder-container .item-actions {
  display: flex;
  gap: 5px;
  align-items: flex-end;
  padding-bottom: 20px;
}
.preview-payslip .item-holder-container .item-end-icon {
  background-color: white;
  display: grid;
  place-items: center;
  height: 33px;
  width: 33px;
  font-size: 16px;
  border-radius: 50px;
}
.preview-payslip .dropdown-holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  height: 38px;
  padding-inline: 5px;
  border-radius: 5px;
  margin-bottom: 18px;
}
.preview-payslip .dropdown-holder .custom-dropdown {
  cursor: pointer;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e8eaef;
  transition: transform 0.5s ease-in-out;
  color: var(--fc-neutral-text-color);
}
.preview-payslip .dropdown-holder .dropdown-icon {
  transform: rotate(180deg);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dailog-custom-style {
  width: clamp(450px, 100%, 700px);
}
.dailog-custom-style .printable-payslip {
  position: absolute;
  top: -99999px;
}
.payslip-header {
  display: flex;
  justify-content: space-between;
}
.payslip-header .actions {
  display: flex;
  gap: 15px;
}
.payslip-header .card-title {
  align-self: center;
  vertical-align: middle;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dailog-custom-style {
  width: clamp(450px, 100%, 700px);
}
.dailog-custom-style .printable-payslip {
  position: absolute;
  top: -99999px;
}
.payslip-header {
  display: flex;
  justify-content: space-between;
}
.payslip-header .actions {
  display: flex;
  gap: 15px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.preview-payslip .top-sections {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
.preview-payslip .section {
  width: clamp(150px, 100%, 100%);
}
.preview-payslip .section.third .items {
  max-width: calc(50% - 20px);
}
.preview-payslip .section .title {
  font-size: 18px;
  font-family: "Nunito Sans";
  font-weight: bold;
}
.preview-payslip .section .item {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.preview-payslip .section .item .value {
  width: 100px;
}
.preview-payslip .item-holder-container {
  display: flex;
  gap: 5px;
}
.preview-payslip .item-holder-container .item-actions {
  display: flex;
  gap: 5px;
  align-items: flex-end;
  padding-bottom: 20px;
}
.preview-payslip .item-holder-container .item-end-icon {
  background-color: white;
  display: grid;
  place-items: center;
  height: 33px;
  width: 33px;
  font-size: 16px;
  border-radius: 50px;
}
.preview-payslip .dropdown-holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  height: 38px;
  padding-inline: 5px;
  border-radius: 5px;
  margin-bottom: 18px;
}
.preview-payslip .dropdown-holder .custom-dropdown {
  cursor: pointer;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e8eaef;
  transition: transform 0.5s ease-in-out;
  color: var(--fc-neutral-text-color);
}
.preview-payslip .dropdown-holder .dropdown-icon {
  transform: rotate(180deg);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-69d17d3a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-69d17d3a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-69d17d3a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-69d17d3a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-69d17d3a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-69d17d3a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-69d17d3a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-69d17d3a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-69d17d3a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-69d17d3a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-69d17d3a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-69d17d3a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-69d17d3a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-69d17d3a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-69d17d3a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-69d17d3a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-69d17d3a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-69d17d3a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-69d17d3a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-69d17d3a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-69d17d3a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-69d17d3a],
.orangehrm-dialog-header-container[data-v-69d17d3a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-69d17d3a],
.orangehrm-dialog-header-container .oxd-button[data-v-69d17d3a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-69d17d3a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-69d17d3a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-69d17d3a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-69d17d3a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-69d17d3a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-69d17d3a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-69d17d3a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-69d17d3a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-69d17d3a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-69d17d3a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-69d17d3a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-69d17d3a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-69d17d3a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-69d17d3a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-69d17d3a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-69d17d3a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-69d17d3a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-69d17d3a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-69d17d3a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-69d17d3a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-69d17d3a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-69d17d3a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-69d17d3a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-69d17d3a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-69d17d3a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-69d17d3a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-69d17d3a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-69d17d3a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-69d17d3a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-69d17d3a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dailog-custom-style[data-v-69d17d3a] {
  width: 100%;
}
.orangehrm-modal-header[data-v-69d17d3a] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-69d17d3a] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-69d17d3a] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-69d17d3a] {
  text-align: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6c022d16] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6c022d16] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6c022d16] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6c022d16] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6c022d16] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6c022d16] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6c022d16] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6c022d16] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6c022d16] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6c022d16]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6c022d16] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6c022d16] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6c022d16] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6c022d16] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6c022d16] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6c022d16] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6c022d16] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6c022d16] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6c022d16] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6c022d16] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6c022d16] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6c022d16],
.orangehrm-dialog-header-container[data-v-6c022d16] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6c022d16],
.orangehrm-dialog-header-container .oxd-button[data-v-6c022d16] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6c022d16] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6c022d16] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6c022d16] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6c022d16] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6c022d16] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6c022d16] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6c022d16] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6c022d16] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6c022d16] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6c022d16] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6c022d16] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6c022d16] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6c022d16] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6c022d16] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6c022d16] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6c022d16] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6c022d16] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6c022d16] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6c022d16] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6c022d16] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6c022d16] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6c022d16] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6c022d16] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6c022d16] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6c022d16] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6c022d16] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6c022d16] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6c022d16] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6c022d16] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6c022d16] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-6c022d16] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-6c022d16] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-6c022d16] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-6c022d16] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-6c022d16] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-6c022d16] {
  padding: 2%;
}
.action-buttons[data-v-6c022d16] {
  display: flex;
  gap: 10px;
}
.action-buttons .hidden[data-v-6c022d16] {
  display: none;
}
.orangehrm-paper-container.second[data-v-6c022d16] {
  overflow-x: hidden;
}
.orangehrm-container[data-v-6c022d16] {
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 250px);
}
.orangehrm-container.onLoading[data-v-6c022d16] {
  min-height: 350px;
}
.action-buttons-bottom[data-v-6c022d16] {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.action-buttons-bottom .to-modal-buttons[data-v-6c022d16],
.action-buttons-bottom .pagination-buttons[data-v-6c022d16] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
}
.orangehrm-header-container .total[data-v-6c022d16] {
  font-family: "Nunito Sans";
  color: #64728c;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-56d8f045] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-56d8f045] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-56d8f045] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-56d8f045] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-56d8f045] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-56d8f045] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-56d8f045] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-56d8f045] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-56d8f045] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-56d8f045]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-56d8f045] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-56d8f045] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-56d8f045] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-56d8f045] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-56d8f045] {
  background-image: none !important;
}
.oxd-text--h5[data-v-56d8f045] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-56d8f045] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-56d8f045] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-56d8f045] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-56d8f045] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-56d8f045] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-56d8f045],
.orangehrm-dialog-header-container[data-v-56d8f045] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-56d8f045],
.orangehrm-dialog-header-container .oxd-button[data-v-56d8f045] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-56d8f045] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-56d8f045] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-56d8f045] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-56d8f045] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-56d8f045] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-56d8f045] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-56d8f045] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-56d8f045] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-56d8f045] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-56d8f045] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-56d8f045] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-56d8f045] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-56d8f045] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-56d8f045] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-56d8f045] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-56d8f045] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-56d8f045] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-56d8f045] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-56d8f045] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-56d8f045] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-56d8f045] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-56d8f045] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-56d8f045] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-56d8f045] {
  color: #38455d;
}
.orangehrm-form-action[data-v-56d8f045] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-56d8f045] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-56d8f045] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-56d8f045] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-56d8f045] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-56d8f045] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-56d8f045] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-56d8f045] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-56d8f045] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-56d8f045] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-56d8f045] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-56d8f045] {
  padding: 2%;
}
.action-buttons[data-v-56d8f045] {
  display: flex;
  gap: 10px;
}
.action-buttons .hidden[data-v-56d8f045] {
  display: none;
}
.orangehrm-paper-container.second[data-v-56d8f045] {
  overflow-x: hidden;
}
.orangehrm-container[data-v-56d8f045] {
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 250px);
  min-height: 300px;
}
.orangehrm-container.onLoading[data-v-56d8f045] {
  min-height: 350px;
}
.action-buttons-bottom[data-v-56d8f045] {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.action-buttons-bottom .to-modal-buttons[data-v-56d8f045],
.action-buttons-bottom .pagination-buttons[data-v-56d8f045] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
}
.orangehrm-header-container .total[data-v-56d8f045] {
  font-family: "Nunito Sans";
  color: #64728c;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hrp-content {
  font-family: Nunito sans;
}
.two-columns {
  display: flex;
  gap: 20px;
}
.column {
  flex: 1;
}
.header {
  font-weight: 800;
  margin-bottom: 8px;
  font-size: 13px;
  color: #444;
}
.value-description {
  padding: 6px 0;
  font-size: 13px;
  color: #555;
}
.checkbox-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
ul, li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.checkbox-item label {
  cursor: pointer;
}
.full-click {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  cursor: pointer;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.accordion-item {
  background: #fff;
  border: 1px solid #e2e5ea;
  border-radius: 8px;
  margin-bottom: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}
.accordion-item:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.accordion-header {
  background: #f9fafc;
  padding: 12px 16px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion-header:hover {
  background: #f1f3f6;
}
.title-label {
  font-weight: 800;
  color: #333;
  font-size: 14px;
}
.item-action-consolidated {
  position: relative;
  z-index: 2;
  background-color: #e8eaef;
  display: grid;
  place-items: center;
  height: 32px;
  width: 32px;
  font-size: 16px;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.2s ease;
}
.item-action-consolidated:hover {
  background-color: #d4d7de;
}
.accordion-body {
  padding: 16px;
  background: #fff;
}
.list-item-container {
  display: flex;
  gap: 24px;
}
.column {
  flex: 1;
}
.header {
  font-weight: 800;
  margin-bottom: 8px;
  font-size: 13px;
  color: #444;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.value-description {
  padding: 8px 10px;
  background: #f8f9fb;
  border-radius: 6px;
  margin-bottom: 6px;
  font-size: 13px;
  color: #555;
  transition: background 0.2s ease;
}
.value-description:hover {
  background: #eaf0f7;
}
.checkbox-item label {
  cursor: pointer;
}
.disbursement-date-container {
  margin-top: 8px;
}
.accordion-container {
  font-family: Nunito sans;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.accordion-item {
  background: #fff;
  border: 1px solid #e2e5ea;
  border-radius: 8px;
  margin-bottom: 12px;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}
.accordion-item:hover {
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.accordion-header {
  background: #f9fafc;
  padding: 12px 16px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.accordion-header:hover {
  background: #f1f3f6;
}
.title-label {
  font-weight: 800;
  color: #333;
  font-size: 14px;
}
.item-action-consolidated {
  position: relative;
  z-index: 2;
  background-color: #e8eaef;
  display: grid;
  place-items: center;
  height: 32px;
  width: 32px;
  font-size: 16px;
  border-radius: 50%;
  cursor: pointer;
  transition: background 0.2s ease;
}
.item-action-consolidated:hover {
  background-color: #d4d7de;
}
.accordion-body {
  padding: 16px;
  background: #fff;
}
.list-item-container {
  display: flex;
  gap: 24px;
}
.column {
  flex: 1;
}
.header {
  font-weight: 800;
  margin-bottom: 8px;
  font-size: 13px;
  color: #444;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.value-description {
  padding: 8px 10px;
  background: #f8f9fb;
  border-radius: 6px;
  margin-bottom: 6px;
  font-size: 13px;
  color: #555;
  transition: background 0.2s ease;
}
.value-description:hover {
  background: #eaf0f7;
}
.checkbox-item label {
  cursor: pointer;
}
.disbursement-date-container {
  margin-top: 8px;
}
.accordion-container {
  font-family: Nunito sans;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-f6839e18] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-f6839e18] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-f6839e18] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-f6839e18] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-f6839e18] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-f6839e18] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-f6839e18] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-f6839e18] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-f6839e18] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-f6839e18]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-f6839e18] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-f6839e18] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-f6839e18] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-f6839e18] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-f6839e18] {
  background-image: none !important;
}
.oxd-text--h5[data-v-f6839e18] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-f6839e18] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-f6839e18] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-f6839e18] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-f6839e18] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-f6839e18] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-f6839e18],
.orangehrm-dialog-header-container[data-v-f6839e18] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-f6839e18],
.orangehrm-dialog-header-container .oxd-button[data-v-f6839e18] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-f6839e18] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-f6839e18] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-f6839e18] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-f6839e18] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-f6839e18] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-f6839e18] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-f6839e18] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-f6839e18] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-f6839e18] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-f6839e18] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-f6839e18] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-f6839e18] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-f6839e18] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-f6839e18] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-f6839e18] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-f6839e18] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-f6839e18] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-f6839e18] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-f6839e18] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-f6839e18] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-f6839e18] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-f6839e18] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-f6839e18] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-f6839e18] {
  color: #38455d;
}
.orangehrm-form-action[data-v-f6839e18] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-f6839e18] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-f6839e18] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-f6839e18] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-f6839e18] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-f6839e18] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-f6839e18] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-f6839e18] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-f6839e18] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-f6839e18] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-f6839e18] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-f6839e18] {
  padding: 2%;
}
.action-buttons[data-v-f6839e18] {
  display: flex;
  gap: 10px;
}
.action-buttons .hidden[data-v-f6839e18] {
  display: none;
}
.orangehrm-paper-container.second[data-v-f6839e18] {
  overflow-x: hidden;
}
.orangehrm-container[data-v-f6839e18] {
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 250px);
}
.orangehrm-container.onLoading[data-v-f6839e18] {
  min-height: 350px;
}
.action-buttons-bottom[data-v-f6839e18] {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.action-buttons-bottom .to-modal-buttons[data-v-f6839e18],
.action-buttons-bottom .pagination-buttons[data-v-f6839e18] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
}
.orangehrm-header-container .total[data-v-f6839e18] {
  font-family: "Nunito Sans";
  color: #64728c;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4b059307] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4b059307] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4b059307] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4b059307] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4b059307] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4b059307] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4b059307] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4b059307] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4b059307] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4b059307]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4b059307] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4b059307] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4b059307] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4b059307] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4b059307] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4b059307] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4b059307] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4b059307] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4b059307] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4b059307] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4b059307] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4b059307],
.orangehrm-dialog-header-container[data-v-4b059307] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4b059307],
.orangehrm-dialog-header-container .oxd-button[data-v-4b059307] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4b059307] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4b059307] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4b059307] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4b059307] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4b059307] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4b059307] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4b059307] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4b059307] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4b059307] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4b059307] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4b059307] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4b059307] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4b059307] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4b059307] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4b059307] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4b059307] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4b059307] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4b059307] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4b059307] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4b059307] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4b059307] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4b059307] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4b059307] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4b059307] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4b059307] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4b059307] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4b059307] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4b059307] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4b059307] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4b059307] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* top bar navigation */
.top-bar-navi[data-v-4b059307] {
  background-color: #fff;
  position: fixed;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -60px;
  margin-left: 0;
  z-index: 210;
}
.top-flex-box[data-v-4b059307] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.top-flex-item[data-v-4b059307] {
  flex-grow: 0;
  flex-shrink: 1;
}
.top-bar-navi ul[data-v-4b059307] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.top-flex-item a[data-v-4b059307] {
  font-size: 12px;
  color: #034ea2;
  height: 35px;
  min-width: 100px;
  cursor: pointer;
  padding: 10px;
  text-decoration: none;
  border-radius: 0.85rem;
  font-family: Nunito Sans;
  font-size: 12px;
  font-weight: 600;
  background-color: #f8f9fa;
}
.top-flex-item a[data-v-4b059307]:hover {
  background-color: rgba(3, 78, 162, 0.1);
}

/* top bar navigation */
/* widths and heights */
.w25[data-v-4b059307] {
  width: 24% !important;
}
.w30[data-v-4b059307] {
  width: 200px !important;
}
.w50[data-v-4b059307] {
  width: 50%;
}
.w100[data-v-4b059307] {
  width: 100%;
}
.h60[data-v-4b059307] {
  height: 60px;
}
.h40[data-v-4b059307] {
  height: 40px;
}

/* input types */
.textarea-box[data-v-4b059307] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  border: #cecece solid 1px;
}
.select-type[data-v-4b059307] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 10px;
  border: #cecece solid 1px;
}
.text-type[data-v-4b059307] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  width: 100%;
  border: #cecece solid 1px;
}

/* buttons */
.btn[data-v-4b059307] {
  float: right;
  display: inline-block;
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 32px;
  padding-left: 32px;
  min-width: 100px;
  background-color: #f58a20;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  min-width: 100px;
  border: 0px;
  cursor: pointer;
}
.edit-btn[data-v-4b059307] {
  border: 0;
  cursor: pointer;
  background-color: transparent;
  margin-top: 12px;
}
.btn-2[data-v-4b059307] {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 0;
  height: 34px;
  background-color: #eee;
}

/* Content Box */
.content-container[data-v-4b059307] {
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 20px;
  margin-bottom: 20px;
}
.card[data-v-4b059307] {
  display: flex;
}

/* paddings */
.padding-0[data-v-4b059307] {
  width: 100%;
  padding: 0;
}
.padding-1[data-v-4b059307] {
  width: 98%;
  padding: 1%;
}
.padding-2[data-v-4b059307] {
  padding: 5px 0 5px 0;
}
.padding-3[data-v-4b059307] {
  padding: 10px;
}
.padding-top-20[data-v-4b059307] {
  padding-top: 20px;
}
.padding-10[data-v-4b059307] {
  padding: 10px;
}

/* flex cols and rows */
.flx-cols[data-v-4b059307] {
  flex-direction: column;
}
.flx-row[data-v-4b059307] {
  flex-direction: row;
}
.flx-align[data-v-4b059307] {
  align-items: center;
}

/* box layouts */
.card-content[data-v-4b059307] {
  flex-grow: 1;
}
.header-box[data-v-4b059307] {
  text-align: left;
}
.form-box[data-v-4b059307] {
  text-align: right;
}
.text-label[data-v-4b059307] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.main-title p[data-v-4b059307] {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #64728c;
}
.divider[data-v-4b059307] {
  border: 0;
  border-top: 1px solid #e8eaef;
}
.label-text[data-v-4b059307] {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #64728c;
}

/* list box */
.tbl-row[data-v-4b059307] {
  width: 100%;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.tbl-row .table-header li[data-v-4b059307] {
  color: #fff;
}
.table-header[data-v-4b059307] {
  display: flex;
}
.list-box[data-v-4b059307] {
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #e8eaef;
  padding: 0.5rem;
}
.list-box ul[data-v-4b059307] {
  padding: 0;
  margin: 0;
  list-style: none;
}
.list-box li[data-v-4b059307] {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 12px;
  color: #64728c;
}
.list-box .chk-box[data-v-4b059307] {
  width: 18px;
  border: 0;
}
.tbl-row li input[data-v-4b059307] {
  border: #fff 1px solid !important;
}
.btn-icon[data-v-4b059307] {
  margin: 4px;
  border-radius: 50%;
  padding: 5px;
  background-color: #cccccc;
  border: 0;
}

/* Employee Loans */
.budget-loanable[data-v-4b059307] {
  display: flex;
}
.budget-box[data-v-4b059307] {
  background-color: #e8eaef;
  width: 260px;
  padding: 10px;
  border-radius: 20px;
  color: #999;
  margin-right: 5px;
}
.loanable-box[data-v-4b059307] {
  background-color: #e8eaef;
  width: 260px;
  padding: 10px;
  border-radius: 20px;
  color: #999;
  margin-right: 5px;
}
.flx-basis[data-v-4b059307] {
  flex-basis: auto;
  flex-shrink: 1;
}
.budget-loanable-box[data-v-4b059307] {
  display: flex;
  width: 98%;
  padding: 1%;
  margin-top: 10px;
  border-radius: 20px;
  background-color: #e8eaef;
}
.label-text[data-v-4b059307] {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 50%;
  padding: 10px;
}
.margin-gap[data-v-4b059307] {
  margin-right: 10px;
}
.editable-box[data-v-4b059307] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.editable-box p[data-v-4b059307] {
  font-size: 14px;
}
.loan-flex-box[data-v-4b059307] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.loan-flex-item[data-v-4b059307] {
  flex-grow: 1;
  flex-shrink: 1;
}
.amt-box-edit[data-v-4b059307] {
  height: 40px;
  padding: 0 0 0 10px;
}

/* white box */
.wht-box[data-v-4b059307] {
  background-color: #fff;
  border-radius: 20px;
}

/* Gray box */
.gry-flex-box[data-v-4b059307] {
  display: flex;
  width: 98%;
  padding: 1%;
  margin-top: 10px;
  border-radius: 20px;
  background-color: #e8eaef;
}

/*flex table */
.flex-box[data-v-4b059307] {
  display: flex;
  flex-wrap: wrap;
}
.flex-item[data-v-4b059307] {
  flex-grow: 1;
  flex-shrink: 1;
}
.header-text[data-v-4b059307] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #64728c;
}
.label-text-14[data-v-4b059307] {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.tbl-container[data-v-4b059307] {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border-radius: 20px;
}
.tbl-box[data-v-4b059307] {
  display: flex;
  width: 98%;
  flex-wrap: nowrap;
  margin: 10px;
}
.tbl-col[data-v-4b059307] {
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
}
.tbl-chk[data-v-4b059307] {
  width: 8px;
  height: 8px;
  margin: 8px 5px 0 0;
}
.tbl-no-border[data-v-4b059307] {
  border: 0;
}
.tbl-w-border[data-v-4b059307] {
  border: 1px solid #cdcdcd;
}
.table-box[data-v-4b059307] {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
  border-spacing: 0;
  max-height: 480px;
  color: #666;
}
.table-box-int[data-v-4b059307] {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
  border-spacing: 0;
  max-height: 480px;
  color: #666;
}
.table-box td[data-v-4b059307] {
  width: 20%;
  border-style: solid;
  border-color: #f0f0f0;
}
.table-headers[data-v-4b059307] {
  font-weight: 600;
  font-size: 14px;
}
.table-values[data-v-4b059307] {
  font-size: 12px;
  text-align: right;
}
.device-tbl[data-v-4b059307] {
  width: 98%;
  margin: auto;
}
.device-header[data-v-4b059307] {
  font-size: 14px;
  padding: 8px;
  background-color: #cdcdcd;
}
.device-data[data-v-4b059307] {
  background-color: #ececec;
  font-size: 12px;
  padding: 8px;
  border: 0;
  color: #999;
}
.i-padding[data-v-4b059307] {
  margin: 2px;
}
.align-center[data-v-4b059307] {
  text-align: center;
}
.nxt-prv[data-v-4b059307] {
  font-size: 16px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4f968f2e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4f968f2e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4f968f2e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4f968f2e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4f968f2e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4f968f2e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4f968f2e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4f968f2e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4f968f2e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4f968f2e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4f968f2e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4f968f2e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4f968f2e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4f968f2e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4f968f2e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4f968f2e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4f968f2e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4f968f2e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4f968f2e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4f968f2e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4f968f2e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4f968f2e],
.orangehrm-dialog-header-container[data-v-4f968f2e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4f968f2e],
.orangehrm-dialog-header-container .oxd-button[data-v-4f968f2e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4f968f2e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4f968f2e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4f968f2e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4f968f2e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4f968f2e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4f968f2e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4f968f2e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4f968f2e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4f968f2e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4f968f2e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4f968f2e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4f968f2e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4f968f2e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4f968f2e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4f968f2e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4f968f2e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4f968f2e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4f968f2e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4f968f2e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4f968f2e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4f968f2e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4f968f2e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4f968f2e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4f968f2e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4f968f2e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4f968f2e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4f968f2e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4f968f2e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4f968f2e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4f968f2e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hrp-content[data-v-4f968f2e] {
  padding: 2%;
}
.result-item[data-v-4f968f2e] {
  padding: 12px 0;
  border-bottom: 1px solid #e0e0e0;
}
.result-item[data-v-4f968f2e]:last-child {
  border-bottom: none;
}
.result-item.highlight[data-v-4f968f2e] {
  background-color: #f5f5f5;
  padding: 16px;
  border-radius: 4px;
  margin-top: 16px;
  border: 2px solid #ff9800;
}
.result-label[data-v-4f968f2e] {
  font-weight: 600;
  color: #64728c;
  display: block;
  margin-bottom: 4px;
  font-size: 14px;
}
.result-label.highlight-label[data-v-4f968f2e] {
  font-size: 16px;
  color: #ff9800;
}
.result-value[data-v-4f968f2e] {
  font-size: 16px;
  color: #1e293b;
  display: block;
}
.result-value.highlight-value[data-v-4f968f2e] {
  font-size: 24px;
  font-weight: 700;
  color: #ff9800;
}
.result-value.formula[data-v-4f968f2e] {
  font-family: "Courier New", monospace;
  font-size: 14px;
  color: #64728c;
}
.action-buttons[data-v-4f968f2e] {
  display: flex;
  gap: 10px;
  margin-top: 16px;
}
.orangehrm-paper-container[data-v-4f968f2e] {
  margin-bottom: 16px;
}
.ytd-accordion[data-v-4f968f2e] {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #ffffff;
  overflow: hidden;
}
.ytd-accordion-header[data-v-4f968f2e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  background: #f9fafb;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-bottom: 1px solid #e5e7eb;
}
.ytd-accordion-header[data-v-4f968f2e]:hover {
  background: #f3f4f6;
}
.accordion-icon[data-v-4f968f2e] {
  color: #64728c;
  transition: transform 0.2s ease;
}
.ytd-accordion-body[data-v-4f968f2e] {
  padding: 16px;
  background: #ffffff;
}
.ytd-title[data-v-4f968f2e] {
  font-weight: 600;
}
.ytd-hint[data-v-4f968f2e] {
  color: #64728c;
  font-size: 12px;
}
.ytd-error[data-v-4f968f2e] {
  color: #dc2626;
  font-size: 12px;
}
.ytd-list[data-v-4f968f2e] {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.ytd-row[data-v-4f968f2e] {
  display: flex;
  justify-content: space-between;
  font-size: 14px;
}
.ytd-name[data-v-4f968f2e] {
  color: #111827;
}
.ytd-value[data-v-4f968f2e] {
  color: #111827;
  font-weight: 600;
}
.hrp-content[data-v-4f968f2e] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4f968f2e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4f968f2e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4f968f2e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4f968f2e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4f968f2e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4f968f2e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4f968f2e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4f968f2e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4f968f2e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4f968f2e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4f968f2e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4f968f2e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4f968f2e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4f968f2e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4f968f2e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4f968f2e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4f968f2e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4f968f2e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4f968f2e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4f968f2e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4f968f2e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4f968f2e],
.orangehrm-dialog-header-container[data-v-4f968f2e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4f968f2e],
.orangehrm-dialog-header-container .oxd-button[data-v-4f968f2e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4f968f2e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4f968f2e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4f968f2e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4f968f2e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4f968f2e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4f968f2e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4f968f2e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4f968f2e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4f968f2e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4f968f2e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4f968f2e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4f968f2e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4f968f2e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4f968f2e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4f968f2e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4f968f2e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4f968f2e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4f968f2e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4f968f2e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4f968f2e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4f968f2e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4f968f2e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4f968f2e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4f968f2e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4f968f2e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4f968f2e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4f968f2e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4f968f2e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4f968f2e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4f968f2e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* top bar navigation */
.top-bar-navi[data-v-4f968f2e] {
  background-color: #fff;
  position: fixed;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -60px;
  margin-left: 0;
  z-index: 210;
}
.top-flex-box[data-v-4f968f2e] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.top-flex-item[data-v-4f968f2e] {
  flex-grow: 0;
  flex-shrink: 1;
}
.top-bar-navi ul[data-v-4f968f2e] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.top-flex-item a[data-v-4f968f2e] {
  font-size: 12px;
  color: #034ea2;
  height: 35px;
  min-width: 100px;
  cursor: pointer;
  padding: 10px;
  text-decoration: none;
  border-radius: 0.85rem;
  font-family: Nunito Sans;
  font-size: 12px;
  font-weight: 600;
  background-color: #f8f9fa;
}
.top-flex-item a[data-v-4f968f2e]:hover {
  background-color: rgba(3, 78, 162, 0.1);
}

/* top bar navigation */
/* widths and heights */
.w25[data-v-4f968f2e] {
  width: 24% !important;
}
.w30[data-v-4f968f2e] {
  width: 200px !important;
}
.w50[data-v-4f968f2e] {
  width: 50%;
}
.w100[data-v-4f968f2e] {
  width: 100%;
}
.h60[data-v-4f968f2e] {
  height: 60px;
}
.h40[data-v-4f968f2e] {
  height: 40px;
}

/* input types */
.textarea-box[data-v-4f968f2e] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  border: #cecece solid 1px;
}
.select-type[data-v-4f968f2e] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 10px;
  border: #cecece solid 1px;
}
.text-type[data-v-4f968f2e] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  width: 100%;
  border: #cecece solid 1px;
}

/* buttons */
.btn[data-v-4f968f2e] {
  float: right;
  display: inline-block;
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 32px;
  padding-left: 32px;
  min-width: 100px;
  background-color: #f58a20;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  min-width: 100px;
  border: 0px;
  cursor: pointer;
}
.edit-btn[data-v-4f968f2e] {
  border: 0;
  cursor: pointer;
  background-color: transparent;
  margin-top: 12px;
}
.btn-2[data-v-4f968f2e] {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 0;
  height: 34px;
  background-color: #eee;
}

/* Content Box */
.content-container[data-v-4f968f2e] {
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 20px;
  margin-bottom: 20px;
}
.card[data-v-4f968f2e] {
  display: flex;
}

/* paddings */
.padding-0[data-v-4f968f2e] {
  width: 100%;
  padding: 0;
}
.padding-1[data-v-4f968f2e] {
  width: 98%;
  padding: 1%;
}
.padding-2[data-v-4f968f2e] {
  padding: 5px 0 5px 0;
}
.padding-3[data-v-4f968f2e] {
  padding: 10px;
}
.padding-top-20[data-v-4f968f2e] {
  padding-top: 20px;
}
.padding-10[data-v-4f968f2e] {
  padding: 10px;
}

/* flex cols and rows */
.flx-cols[data-v-4f968f2e] {
  flex-direction: column;
}
.flx-row[data-v-4f968f2e] {
  flex-direction: row;
}
.flx-align[data-v-4f968f2e] {
  align-items: center;
}

/* box layouts */
.card-content[data-v-4f968f2e] {
  flex-grow: 1;
}
.header-box[data-v-4f968f2e] {
  text-align: left;
}
.form-box[data-v-4f968f2e] {
  text-align: right;
}
.text-label[data-v-4f968f2e] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.main-title p[data-v-4f968f2e] {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #64728c;
}
.divider[data-v-4f968f2e] {
  border: 0;
  border-top: 1px solid #e8eaef;
}
.label-text[data-v-4f968f2e] {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #64728c;
}

/* list box */
.tbl-row[data-v-4f968f2e] {
  width: 100%;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.tbl-row .table-header li[data-v-4f968f2e] {
  color: #fff;
}
.table-header[data-v-4f968f2e] {
  display: flex;
}
.list-box[data-v-4f968f2e] {
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #e8eaef;
  padding: 0.5rem;
}
.list-box ul[data-v-4f968f2e] {
  padding: 0;
  margin: 0;
  list-style: none;
}
.list-box li[data-v-4f968f2e] {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 12px;
  color: #64728c;
}
.list-box .chk-box[data-v-4f968f2e] {
  width: 18px;
  border: 0;
}
.tbl-row li input[data-v-4f968f2e] {
  border: #fff 1px solid !important;
}
.btn-icon[data-v-4f968f2e] {
  margin: 4px;
  border-radius: 50%;
  padding: 5px;
  background-color: #cccccc;
  border: 0;
}

/* Employee Loans */
.budget-loanable[data-v-4f968f2e] {
  display: flex;
}
.budget-box[data-v-4f968f2e] {
  background-color: #e8eaef;
  width: 260px;
  padding: 10px;
  border-radius: 20px;
  color: #999;
  margin-right: 5px;
}
.loanable-box[data-v-4f968f2e] {
  background-color: #e8eaef;
  width: 260px;
  padding: 10px;
  border-radius: 20px;
  color: #999;
  margin-right: 5px;
}
.flx-basis[data-v-4f968f2e] {
  flex-basis: auto;
  flex-shrink: 1;
}
.budget-loanable-box[data-v-4f968f2e] {
  display: flex;
  width: 98%;
  padding: 1%;
  margin-top: 10px;
  border-radius: 20px;
  background-color: #e8eaef;
}
.label-text[data-v-4f968f2e] {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 50%;
  padding: 10px;
}
.margin-gap[data-v-4f968f2e] {
  margin-right: 10px;
}
.editable-box[data-v-4f968f2e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.editable-box p[data-v-4f968f2e] {
  font-size: 14px;
}
.loan-flex-box[data-v-4f968f2e] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.loan-flex-item[data-v-4f968f2e] {
  flex-grow: 1;
  flex-shrink: 1;
}
.amt-box-edit[data-v-4f968f2e] {
  height: 40px;
  padding: 0 0 0 10px;
}

/* white box */
.wht-box[data-v-4f968f2e] {
  background-color: #fff;
  border-radius: 20px;
}

/* Gray box */
.gry-flex-box[data-v-4f968f2e] {
  display: flex;
  width: 98%;
  padding: 1%;
  margin-top: 10px;
  border-radius: 20px;
  background-color: #e8eaef;
}

/*flex table */
.flex-box[data-v-4f968f2e] {
  display: flex;
  flex-wrap: wrap;
}
.flex-item[data-v-4f968f2e] {
  flex-grow: 1;
  flex-shrink: 1;
}
.header-text[data-v-4f968f2e] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #64728c;
}
.label-text-14[data-v-4f968f2e] {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.tbl-container[data-v-4f968f2e] {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border-radius: 20px;
}
.tbl-box[data-v-4f968f2e] {
  display: flex;
  width: 98%;
  flex-wrap: nowrap;
  margin: 10px;
}
.tbl-col[data-v-4f968f2e] {
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
}
.tbl-chk[data-v-4f968f2e] {
  width: 8px;
  height: 8px;
  margin: 8px 5px 0 0;
}
.tbl-no-border[data-v-4f968f2e] {
  border: 0;
}
.tbl-w-border[data-v-4f968f2e] {
  border: 1px solid #cdcdcd;
}
.table-box[data-v-4f968f2e] {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
  border-spacing: 0;
  max-height: 480px;
  color: #666;
}
.table-box-int[data-v-4f968f2e] {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
  border-spacing: 0;
  max-height: 480px;
  color: #666;
}
.table-box td[data-v-4f968f2e] {
  width: 20%;
  border-style: solid;
  border-color: #f0f0f0;
}
.table-headers[data-v-4f968f2e] {
  font-weight: 600;
  font-size: 14px;
}
.table-values[data-v-4f968f2e] {
  font-size: 12px;
  text-align: right;
}
.device-tbl[data-v-4f968f2e] {
  width: 98%;
  margin: auto;
}
.device-header[data-v-4f968f2e] {
  font-size: 14px;
  padding: 8px;
  background-color: #cdcdcd;
}
.device-data[data-v-4f968f2e] {
  background-color: #ececec;
  font-size: 12px;
  padding: 8px;
  border: 0;
  color: #999;
}
.i-padding[data-v-4f968f2e] {
  margin: 2px;
}
.align-center[data-v-4f968f2e] {
  text-align: center;
}
.nxt-prv[data-v-4f968f2e] {
  font-size: 16px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-0866ec9b] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-0866ec9b] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-0866ec9b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-0866ec9b] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-0866ec9b] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-0866ec9b] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-0866ec9b] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-0866ec9b] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-0866ec9b] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-0866ec9b]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-0866ec9b] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-0866ec9b] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-0866ec9b] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-0866ec9b] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-0866ec9b] {
  background-image: none !important;
}
.oxd-text--h5[data-v-0866ec9b] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-0866ec9b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-0866ec9b] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-0866ec9b] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-0866ec9b] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-0866ec9b] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-0866ec9b],
.orangehrm-dialog-header-container[data-v-0866ec9b] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-0866ec9b],
.orangehrm-dialog-header-container .oxd-button[data-v-0866ec9b] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-0866ec9b] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-0866ec9b] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-0866ec9b] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-0866ec9b] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-0866ec9b] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-0866ec9b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-0866ec9b] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-0866ec9b] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-0866ec9b] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-0866ec9b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-0866ec9b] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-0866ec9b] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-0866ec9b] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-0866ec9b] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-0866ec9b] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-0866ec9b] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-0866ec9b] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-0866ec9b] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-0866ec9b] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-0866ec9b] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-0866ec9b] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-0866ec9b] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-0866ec9b] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-0866ec9b] {
  color: #38455d;
}
.orangehrm-form-action[data-v-0866ec9b] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-0866ec9b] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-0866ec9b] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-0866ec9b] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-0866ec9b] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-0866ec9b] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hrp-content[data-v-0866ec9b] {
  padding: 2%;
}
.action-buttons[data-v-0866ec9b] {
  display: flex;
  gap: 0.5rem;
}

/* Progress Modal Styles */
.progress-modal-overlay[data-v-0866ec9b] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.progress-modal[data-v-0866ec9b] {
  background: white;
  border-radius: 8px;
  padding: 24px;
  min-width: 400px;
  max-width: 500px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.progress-header[data-v-0866ec9b] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.close-btn[data-v-0866ec9b] {
  min-width: auto !important;
  padding: 4px 8px !important;
  font-size: 18px;
  color: #64728c;
}
.progress-content[data-v-0866ec9b] {
  text-align: left;
}
.progress-info p[data-v-0866ec9b] {
  margin: 8px 0;
  font-size: 14px;
  color: #374151;
}
.status-pending[data-v-0866ec9b] {
  color: #f59e0b;
}
.status-processing[data-v-0866ec9b] {
  color: #3b82f6;
}
.status-completed[data-v-0866ec9b] {
  color: #10b981;
}
.status-failed[data-v-0866ec9b] {
  color: #ef4444;
}
.progress-bar-container[data-v-0866ec9b] {
  width: 100%;
  height: 8px;
  background-color: #e5e7eb;
  border-radius: 4px;
  margin: 16px 0;
  overflow: hidden;
}
.progress-bar[data-v-0866ec9b] {
  height: 100%;
  background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
  border-radius: 4px;
  transition: width 0.3s ease;
}
.progress-percentage[data-v-0866ec9b] {
  font-size: 16px;
  font-weight: 600;
  color: #202124;
  margin-bottom: 8px;
  text-align: center;
}
.progress-note[data-v-0866ec9b] {
  font-size: 12px;
  color: #6b7280;
  margin: 8px 0 0 0;
  font-style: italic;
  text-align: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-44d43e62] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-44d43e62] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-44d43e62] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-44d43e62] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-44d43e62] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-44d43e62] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-44d43e62] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-44d43e62] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-44d43e62] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-44d43e62]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-44d43e62] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-44d43e62] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-44d43e62] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-44d43e62] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-44d43e62] {
  background-image: none !important;
}
.oxd-text--h5[data-v-44d43e62] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-44d43e62] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-44d43e62] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-44d43e62] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-44d43e62] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-44d43e62] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-44d43e62],
.orangehrm-dialog-header-container[data-v-44d43e62] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-44d43e62],
.orangehrm-dialog-header-container .oxd-button[data-v-44d43e62] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-44d43e62] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-44d43e62] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-44d43e62] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-44d43e62] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-44d43e62] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-44d43e62] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-44d43e62] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-44d43e62] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-44d43e62] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-44d43e62] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-44d43e62] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-44d43e62] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-44d43e62] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-44d43e62] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-44d43e62] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-44d43e62] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-44d43e62] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-44d43e62] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-44d43e62] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-44d43e62] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-44d43e62] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-44d43e62] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-44d43e62] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-44d43e62] {
  color: #38455d;
}
.orangehrm-form-action[data-v-44d43e62] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-44d43e62] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-44d43e62] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-44d43e62] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-44d43e62] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-44d43e62] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* top bar navigation */
.top-bar-navi[data-v-44d43e62] {
  background-color: #fff;
  position: fixed;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -60px;
  margin-left: 0;
  z-index: 210;
}
.top-flex-box[data-v-44d43e62] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.top-flex-item[data-v-44d43e62] {
  flex-grow: 0;
  flex-shrink: 1;
}
.top-bar-navi ul[data-v-44d43e62] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.top-flex-item a[data-v-44d43e62] {
  font-size: 12px;
  color: #034ea2;
  height: 35px;
  min-width: 100px;
  cursor: pointer;
  padding: 10px;
  text-decoration: none;
  border-radius: 0.85rem;
  font-family: Nunito Sans;
  font-size: 12px;
  font-weight: 600;
  background-color: #f8f9fa;
}
.top-flex-item a[data-v-44d43e62]:hover {
  background-color: rgba(3, 78, 162, 0.1);
}

/* top bar navigation */
/* widths and heights */
.w25[data-v-44d43e62] {
  width: 24% !important;
}
.w30[data-v-44d43e62] {
  width: 200px !important;
}
.w50[data-v-44d43e62] {
  width: 50%;
}
.w100[data-v-44d43e62] {
  width: 100%;
}
.h60[data-v-44d43e62] {
  height: 60px;
}
.h40[data-v-44d43e62] {
  height: 40px;
}

/* input types */
.textarea-box[data-v-44d43e62] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  border: #cecece solid 1px;
}
.select-type[data-v-44d43e62] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 10px;
  border: #cecece solid 1px;
}
.text-type[data-v-44d43e62] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  width: 100%;
  border: #cecece solid 1px;
}

/* buttons */
.btn[data-v-44d43e62] {
  float: right;
  display: inline-block;
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 32px;
  padding-left: 32px;
  min-width: 100px;
  background-color: #f58a20;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  min-width: 100px;
  border: 0px;
  cursor: pointer;
}
.edit-btn[data-v-44d43e62] {
  border: 0;
  cursor: pointer;
  background-color: transparent;
  margin-top: 12px;
}
.btn-2[data-v-44d43e62] {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 0;
  height: 34px;
  background-color: #eee;
}

/* Content Box */
.content-container[data-v-44d43e62] {
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 20px;
  margin-bottom: 20px;
}
.card[data-v-44d43e62] {
  display: flex;
}

/* paddings */
.padding-0[data-v-44d43e62] {
  width: 100%;
  padding: 0;
}
.padding-1[data-v-44d43e62] {
  width: 98%;
  padding: 1%;
}
.padding-2[data-v-44d43e62] {
  padding: 5px 0 5px 0;
}
.padding-3[data-v-44d43e62] {
  padding: 10px;
}
.padding-top-20[data-v-44d43e62] {
  padding-top: 20px;
}
.padding-10[data-v-44d43e62] {
  padding: 10px;
}

/* flex cols and rows */
.flx-cols[data-v-44d43e62] {
  flex-direction: column;
}
.flx-row[data-v-44d43e62] {
  flex-direction: row;
}
.flx-align[data-v-44d43e62] {
  align-items: center;
}

/* box layouts */
.card-content[data-v-44d43e62] {
  flex-grow: 1;
}
.header-box[data-v-44d43e62] {
  text-align: left;
}
.form-box[data-v-44d43e62] {
  text-align: right;
}
.text-label[data-v-44d43e62] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.main-title p[data-v-44d43e62] {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #64728c;
}
.divider[data-v-44d43e62] {
  border: 0;
  border-top: 1px solid #e8eaef;
}
.label-text[data-v-44d43e62] {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #64728c;
}

/* list box */
.tbl-row[data-v-44d43e62] {
  width: 100%;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.tbl-row .table-header li[data-v-44d43e62] {
  color: #fff;
}
.table-header[data-v-44d43e62] {
  display: flex;
}
.list-box[data-v-44d43e62] {
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #e8eaef;
  padding: 0.5rem;
}
.list-box ul[data-v-44d43e62] {
  padding: 0;
  margin: 0;
  list-style: none;
}
.list-box li[data-v-44d43e62] {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 12px;
  color: #64728c;
}
.list-box .chk-box[data-v-44d43e62] {
  width: 18px;
  border: 0;
}
.tbl-row li input[data-v-44d43e62] {
  border: #fff 1px solid !important;
}
.btn-icon[data-v-44d43e62] {
  margin: 4px;
  border-radius: 50%;
  padding: 5px;
  background-color: #cccccc;
  border: 0;
}

/* Employee Loans */
.budget-loanable[data-v-44d43e62] {
  display: flex;
}
.budget-box[data-v-44d43e62] {
  background-color: #e8eaef;
  width: 260px;
  padding: 10px;
  border-radius: 20px;
  color: #999;
  margin-right: 5px;
}
.loanable-box[data-v-44d43e62] {
  background-color: #e8eaef;
  width: 260px;
  padding: 10px;
  border-radius: 20px;
  color: #999;
  margin-right: 5px;
}
.flx-basis[data-v-44d43e62] {
  flex-basis: auto;
  flex-shrink: 1;
}
.budget-loanable-box[data-v-44d43e62] {
  display: flex;
  width: 98%;
  padding: 1%;
  margin-top: 10px;
  border-radius: 20px;
  background-color: #e8eaef;
}
.label-text[data-v-44d43e62] {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 50%;
  padding: 10px;
}
.margin-gap[data-v-44d43e62] {
  margin-right: 10px;
}
.editable-box[data-v-44d43e62] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.editable-box p[data-v-44d43e62] {
  font-size: 14px;
}
.loan-flex-box[data-v-44d43e62] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.loan-flex-item[data-v-44d43e62] {
  flex-grow: 1;
  flex-shrink: 1;
}
.amt-box-edit[data-v-44d43e62] {
  height: 40px;
  padding: 0 0 0 10px;
}

/* white box */
.wht-box[data-v-44d43e62] {
  background-color: #fff;
  border-radius: 20px;
}

/* Gray box */
.gry-flex-box[data-v-44d43e62] {
  display: flex;
  width: 98%;
  padding: 1%;
  margin-top: 10px;
  border-radius: 20px;
  background-color: #e8eaef;
}

/*flex table */
.flex-box[data-v-44d43e62] {
  display: flex;
  flex-wrap: wrap;
}
.flex-item[data-v-44d43e62] {
  flex-grow: 1;
  flex-shrink: 1;
}
.header-text[data-v-44d43e62] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #64728c;
}
.label-text-14[data-v-44d43e62] {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.tbl-container[data-v-44d43e62] {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border-radius: 20px;
}
.tbl-box[data-v-44d43e62] {
  display: flex;
  width: 98%;
  flex-wrap: nowrap;
  margin: 10px;
}
.tbl-col[data-v-44d43e62] {
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
}
.tbl-chk[data-v-44d43e62] {
  width: 8px;
  height: 8px;
  margin: 8px 5px 0 0;
}
.tbl-no-border[data-v-44d43e62] {
  border: 0;
}
.tbl-w-border[data-v-44d43e62] {
  border: 1px solid #cdcdcd;
}
.table-box[data-v-44d43e62] {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
  border-spacing: 0;
  max-height: 480px;
  color: #666;
}
.table-box-int[data-v-44d43e62] {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
  border-spacing: 0;
  max-height: 480px;
  color: #666;
}
.table-box td[data-v-44d43e62] {
  width: 20%;
  border-style: solid;
  border-color: #f0f0f0;
}
.table-headers[data-v-44d43e62] {
  font-weight: 600;
  font-size: 14px;
}
.table-values[data-v-44d43e62] {
  font-size: 12px;
  text-align: right;
}
.device-tbl[data-v-44d43e62] {
  width: 98%;
  margin: auto;
}
.device-header[data-v-44d43e62] {
  font-size: 14px;
  padding: 8px;
  background-color: #cdcdcd;
}
.device-data[data-v-44d43e62] {
  background-color: #ececec;
  font-size: 12px;
  padding: 8px;
  border: 0;
  color: #999;
}
.i-padding[data-v-44d43e62] {
  margin: 2px;
}
.align-center[data-v-44d43e62] {
  text-align: center;
}
.nxt-prv[data-v-44d43e62] {
  font-size: 16px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-35005a04] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-35005a04] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-35005a04] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-35005a04] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-35005a04] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-35005a04] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-35005a04] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-35005a04] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-35005a04] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-35005a04]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-35005a04] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-35005a04] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-35005a04] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-35005a04] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-35005a04] {
  background-image: none !important;
}
.oxd-text--h5[data-v-35005a04] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-35005a04] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-35005a04] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-35005a04] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-35005a04] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-35005a04] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-35005a04],
.orangehrm-dialog-header-container[data-v-35005a04] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-35005a04],
.orangehrm-dialog-header-container .oxd-button[data-v-35005a04] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-35005a04] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-35005a04] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-35005a04] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-35005a04] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-35005a04] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-35005a04] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-35005a04] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-35005a04] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-35005a04] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-35005a04] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-35005a04] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-35005a04] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-35005a04] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-35005a04] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-35005a04] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-35005a04] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-35005a04] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-35005a04] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-35005a04] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-35005a04] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-35005a04] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-35005a04] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-35005a04] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-35005a04] {
  color: #38455d;
}
.orangehrm-form-action[data-v-35005a04] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-35005a04] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-35005a04] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-35005a04] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-35005a04] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-35005a04] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.category-item[data-v-35005a04] {
  padding: 12px 16px;
  border: 1px solid #e8eaef;
  border-radius: 8px;
  margin-bottom: 8px;
  background: #ffffff;
  cursor: grab;
}
.category-item[data-v-35005a04]:hover {
  background: #e8eaef;
}
.category-item[data-v-35005a04]:active {
  cursor: grabbing;
}
.category-item-content[data-v-35005a04] {
  display: flex;
  align-items: center;
  gap: 12px;
}
.drag-handle[data-v-35005a04] {
  color: #64728c;
  cursor: grab;
}
.drag-handle[data-v-35005a04]:active {
  cursor: grabbing;
}
.category-name[data-v-35005a04] {
  font-weight: 500;
  color: #38455d;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2f02a5d7] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2f02a5d7] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2f02a5d7] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2f02a5d7] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2f02a5d7] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2f02a5d7] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2f02a5d7] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2f02a5d7] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2f02a5d7] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2f02a5d7]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2f02a5d7] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2f02a5d7] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2f02a5d7] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2f02a5d7] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2f02a5d7] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2f02a5d7] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2f02a5d7] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2f02a5d7] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2f02a5d7] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2f02a5d7] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2f02a5d7] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2f02a5d7],
.orangehrm-dialog-header-container[data-v-2f02a5d7] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2f02a5d7],
.orangehrm-dialog-header-container .oxd-button[data-v-2f02a5d7] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2f02a5d7] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2f02a5d7] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2f02a5d7] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2f02a5d7] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2f02a5d7] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2f02a5d7] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2f02a5d7] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2f02a5d7] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2f02a5d7] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2f02a5d7] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2f02a5d7] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2f02a5d7] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2f02a5d7] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2f02a5d7] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2f02a5d7] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2f02a5d7] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2f02a5d7] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2f02a5d7] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2f02a5d7] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2f02a5d7] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2f02a5d7] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2f02a5d7] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2f02a5d7] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2f02a5d7] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2f02a5d7] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2f02a5d7] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2f02a5d7] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2f02a5d7] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2f02a5d7] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2f02a5d7] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.categories-container[data-v-2f02a5d7] {
  max-height: calc(100vh - 300px);
  overflow: auto;
  padding: 0.5rem 0;
}
.edit-categories-list[data-v-2f02a5d7] {
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 100%;
}
.no-categories-message[data-v-2f02a5d7] {
  text-align: center;
  padding: 2rem;
  color: #64728c;
}
.orangehrm-modal-header-subtitle[data-v-2f02a5d7] {
  color: #64728c;
  margin-top: 0.5rem;
  font-style: italic;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-21780765] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-21780765] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-21780765] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-21780765] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-21780765] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-21780765] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-21780765] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-21780765] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-21780765] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-21780765]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-21780765] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-21780765] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-21780765] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-21780765] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-21780765] {
  background-image: none !important;
}
.oxd-text--h5[data-v-21780765] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-21780765] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-21780765] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-21780765] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-21780765] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-21780765] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-21780765],
.orangehrm-dialog-header-container[data-v-21780765] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-21780765],
.orangehrm-dialog-header-container .oxd-button[data-v-21780765] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-21780765] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-21780765] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-21780765] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-21780765] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-21780765] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-21780765] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-21780765] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-21780765] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-21780765] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-21780765] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-21780765] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-21780765] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-21780765] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-21780765] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-21780765] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-21780765] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-21780765] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-21780765] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-21780765] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-21780765] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-21780765] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-21780765] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-21780765] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-21780765] {
  color: #38455d;
}
.orangehrm-form-action[data-v-21780765] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-21780765] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-21780765] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-21780765] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-21780765] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-21780765] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.report-with-options[data-v-21780765] {
  width: 100%;
}
.report-options[data-v-21780765] {
  margin-top: 12px;
  padding-left: 16px;
}
.report-options .report-option-group[data-v-21780765] {
  margin-bottom: 16px;
}
.report-options .report-option-group .option-group-header[data-v-21780765] {
  font-size: 11px;
  font-weight: 700;
  color: #155493;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding-left: 8px;
}
.report-options .report-option[data-v-21780765] {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 12px;
  margin: 4px 0;
  border-radius: 6px;
  transition: background-color 0.2s;
  cursor: default;
}
.report-options .report-option[data-v-21780765]:hover {
  background: #f8f9fa;
}
.report-options .report-option .option-text[data-v-21780765] {
  flex: 1;
  font-size: 13px;
  color: #55637c;
  font-weight: 500;
}
.date-selection[data-v-21780765] {
  margin-bottom: 16px;
  padding: 0 12px;
}
.date-selection .oxd-form[data-v-21780765] {
  width: 100%;
}
.date-selection[data-v-21780765] .oxd-input-field {
  margin-bottom: 0;
}
.date-selection[data-v-21780765] .oxd-input-field .oxd-input-field__label {
  font-size: 12px;
  font-weight: 600;
  color: #55637c;
  margin-bottom: 4px;
}
.date-selection[data-v-21780765] .oxd-input-field .oxd-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #dadde1;
  border-radius: 4px;
  font-size: 13px;
}
.date-selection[data-v-21780765] .oxd-input-field .oxd-input:focus {
  outline: none;
  border-color: #1877f2;
  box-shadow: 0 0 0 2px rgba(24, 119, 242, 0.2);
}
.date-selection[data-v-21780765] .oxd-input-field .oxd-input-field__error {
  font-size: 11px;
  color: #e74c3c;
  margin-top: 4px;
}
.additional-margin[data-v-21780765] {
  margin-bottom: 16px !important;
}
.date-warning[data-v-21780765] {
  padding: 8px 12px;
  margin: 8px 0;
  background: #fff3cd;
  border: 1px solid #ffeaa7;
  border-radius: 4px;
}
.date-warning .warning-text[data-v-21780765] {
  font-size: 12px;
  color: #856404;
  margin: 0;
}
.option-generate-btn[data-v-21780765] {
  min-width: 80px !important;
  height: 28px !important;
  padding: 4px 10px !important;
  font-size: 11px !important;
  flex-shrink: 0;
}
.option-generate-group-btn[data-v-21780765] {
  width: 100% !important;
  height: 35px !important;
  padding: 4px 10px !important;
  font-size: 11px !important;
  flex-shrink: 0;
}
@media (max-width: 768px) {
.report-options[data-v-21780765] {
    padding-left: 8px;
}
.report-options .report-option[data-v-21780765] {
    gap: 8px;
    padding: 6px 8px;
}
.report-options .report-option .option-text[data-v-21780765] {
    font-size: 12px;
}
.option-generate-btn[data-v-21780765] {
    min-width: 60px !important;
    height: 24px !important;
    padding: 2px 6px !important;
    font-size: 10px !important;
}
.date-selection[data-v-21780765] {
    padding: 0 8px;
}
.date-selection[data-v-21780765] .oxd-input-field .oxd-input-field__label {
    font-size: 11px;
}
.date-selection[data-v-21780765] .oxd-input-field .oxd-input {
    padding: 6px 10px;
    font-size: 12px;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-1bcc1831] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-1bcc1831] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-1bcc1831] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-1bcc1831] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-1bcc1831] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-1bcc1831] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-1bcc1831] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-1bcc1831] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-1bcc1831] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-1bcc1831]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-1bcc1831] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-1bcc1831] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-1bcc1831] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-1bcc1831] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-1bcc1831] {
  background-image: none !important;
}
.oxd-text--h5[data-v-1bcc1831] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-1bcc1831] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-1bcc1831] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-1bcc1831] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-1bcc1831] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-1bcc1831] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-1bcc1831],
.orangehrm-dialog-header-container[data-v-1bcc1831] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-1bcc1831],
.orangehrm-dialog-header-container .oxd-button[data-v-1bcc1831] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-1bcc1831] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-1bcc1831] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-1bcc1831] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-1bcc1831] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-1bcc1831] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-1bcc1831] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-1bcc1831] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-1bcc1831] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-1bcc1831] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-1bcc1831] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-1bcc1831] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-1bcc1831] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-1bcc1831] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-1bcc1831] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-1bcc1831] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-1bcc1831] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-1bcc1831] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-1bcc1831] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-1bcc1831] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-1bcc1831] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-1bcc1831] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-1bcc1831] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-1bcc1831] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-1bcc1831] {
  color: #38455d;
}
.orangehrm-form-action[data-v-1bcc1831] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-1bcc1831] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-1bcc1831] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-1bcc1831] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-1bcc1831] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-1bcc1831] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-standard-reports-page[data-v-1bcc1831] {
  padding: 1rem;
  font-family: "Nunito Sans", sans-serif;
}
.orangehrm-standard-reports-page__body[data-v-1bcc1831] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 600px;
}
.orangehrm-standard-reports-page .tabs-container[data-v-1bcc1831] {
  background: white;
  border-radius: 8px;
  padding: 1rem;
}
.orangehrm-standard-reports-page .tabs-container .report-tabs[data-v-1bcc1831] {
  display: flex;
  align-items: center;
  gap: 16px;
  border-bottom: 1px solid #e4e5e7;
  padding-bottom: 0.5rem;
}
.orangehrm-standard-reports-page .tabs-container .report-tabs .tab-item[data-v-1bcc1831] {
  padding: 0.75rem 1.5rem;
  cursor: pointer;
  border-bottom: 2px solid transparent;
  transition: all 0.2s;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-standard-reports-page .tabs-container .report-tabs .tab-item[data-v-1bcc1831]:hover {
  color: #155493;
  background: #f8f9fa;
}
.orangehrm-standard-reports-page .tabs-container .report-tabs .tab-item.active[data-v-1bcc1831] {
  background: #f1f2f5;
}
.orangehrm-standard-reports-page .tabs-container .report-tabs .edit-order-button-container[data-v-1bcc1831] {
  margin-left: auto;
}
.orangehrm-standard-reports-page .tabs-container .report-tabs .edit-order-button-container .edit-order-btn[data-v-1bcc1831] {
  white-space: nowrap;
}
.orangehrm-standard-reports-page .categories-container[data-v-1bcc1831] {
  background: white;
  border-radius: 8px;
  padding: 0px 1.5rem 1.5rem 1.5rem;
}
.orangehrm-standard-reports-page .categories-container .categories-title[data-v-1bcc1831] {
  margin-bottom: 1.5rem;
  color: #64728c;
  font-weight: 600;
}
.orangehrm-standard-reports-page .categories-container .report-categories-grid[data-v-1bcc1831] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 1rem;
}
.orangehrm-standard-reports-page .categories-container .report-categories-grid .report-category-card[data-v-1bcc1831] {
  border: 1px solid #e4e5e7;
  border-radius: 6px;
  background: #f8f9fa;
  overflow: hidden;
}
.orangehrm-standard-reports-page .categories-container .report-categories-grid .report-category-card .category-header[data-v-1bcc1831] {
  background: #ffffff;
  border: 1px solid #e4e5e7;
  padding: 0.75rem 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.2s, border-color 0.2s;
}
.orangehrm-standard-reports-page .categories-container .report-categories-grid .report-category-card .category-header[data-v-1bcc1831]:hover {
  background: #f2f2f2;
  border-color: #e4e5e7;
}
.orangehrm-standard-reports-page .categories-container .report-categories-grid .report-category-card .category-header .category-name[data-v-1bcc1831] {
  color: #64728c;
  margin: 0;
  font-weight: 600;
  font-size: 14px;
}
.orangehrm-standard-reports-page .categories-container .report-categories-grid .report-category-card .category-header .collapse-icon[data-v-1bcc1831] {
  color: #64728c;
  font-size: 16px;
  transition: transform 0.2s;
}
.orangehrm-standard-reports-page .categories-container .report-categories-grid .report-category-card .category-reports[data-v-1bcc1831] {
  padding: 0.5rem 0;
  max-height: 500px;
  overflow-y: auto;
  transition: all 0.3s ease;
}
.orangehrm-standard-reports-page .categories-container .report-categories-grid .report-category-card .category-reports .report-item[data-v-1bcc1831] {
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
}
.orangehrm-standard-reports-page .categories-container .report-categories-grid .report-category-card .category-reports .report-item[data-v-1bcc1831]:last-child {
  border-bottom: none;
}
.orangehrm-standard-reports-page .categories-container .report-categories-grid .report-category-card .category-reports .report-item .report-content[data-v-1bcc1831] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
}
.orangehrm-standard-reports-page .categories-container .report-categories-grid .report-category-card .category-reports .report-item .report-content .report-name[data-v-1bcc1831] {
  flex: 1;
  font-size: 14px;
  font-weight: 500;
  color: #64728c;
  cursor: pointer;
  transition: color 0.2s;
}
.orangehrm-standard-reports-page .categories-container .report-categories-grid .report-category-card .category-reports .report-item .report-content .report-name[data-v-1bcc1831]:hover {
  color: #155493;
  text-decoration: underline;
}
.orangehrm-standard-reports-page .categories-container .report-categories-grid .report-category-card .category-reports .report-item .report-content .generate-btn[data-v-1bcc1831] {
  flex-shrink: 0;
  margin-left: auto;
}
.orangehrm-standard-reports-page .filter-container[data-v-1bcc1831] {
  background: white;
  border-radius: 8px;
  padding: 1rem 1.5rem 0.5rem 1.5rem;
}
.orangehrm-standard-reports-page .filter-container .filter-form-container .hrp-content[data-v-1bcc1831] {
  padding: 1% 2% 0 2%;
}
.orangehrm-standard-reports-page .table-container[data-v-1bcc1831] {
  background: white;
  border-radius: 8px;
  padding: 1rem;
}
.orangehrm-standard-reports-page .table-container .orangehrm-container[data-v-1bcc1831] {
  margin-top: 0.5rem;
}
.orangehrm-standard-reports-page .table-container .empty-table-state[data-v-1bcc1831] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1rem;
}
.orangehrm-standard-reports-page .table-container .empty-table-state .empty-table-text[data-v-1bcc1831] {
  color: #64728c;
  font-size: 14px;
  font-style: italic;
}
.generate-btn[data-v-1bcc1831] {
  min-width: 90px !important;
  height: 32px !important;
  padding: 6px 12px !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  white-space: nowrap;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0;
}
@media (max-width: 768px) {
.orangehrm-standard-reports-page__body .categories-container .report-categories-grid[data-v-1bcc1831] {
    grid-template-columns: 1fr;
}
.orangehrm-standard-reports-page__body .tabs-container .report-tabs[data-v-1bcc1831] {
    flex-direction: column;
    gap: 8px;
}
.orangehrm-standard-reports-page__body .tabs-container .report-tabs .tab-item[data-v-1bcc1831] {
    text-align: center;
    width: 100%;
}
.orangehrm-standard-reports-page__body .tabs-container .report-tabs .edit-order-button-container[data-v-1bcc1831] {
    margin-left: 0;
    width: 100%;
    text-align: center;
}
.orangehrm-standard-reports-page__body .tabs-container .report-tabs .edit-order-button-container .edit-order-btn[data-v-1bcc1831] {
    width: 100%;
}
.generate-btn[data-v-1bcc1831] {
    min-width: 70px !important;
    height: 28px !important;
    padding: 4px 8px !important;
    font-size: 11px !important;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tree-item-node-parent {
  width: 100% !important;
}
.tiny_horizontal_margin {
  display: flex;
  align-items: center;
}
.tree-item {
  position: relative;
}
.selected-tree-item {
  background-color: #fff !important;
  color: #000 !important;
}
.body-sidebar__item.child {
  margin-left: 20px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4354959a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4354959a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4354959a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4354959a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4354959a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4354959a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4354959a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4354959a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4354959a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4354959a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4354959a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4354959a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4354959a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4354959a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4354959a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4354959a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4354959a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4354959a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4354959a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4354959a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4354959a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4354959a],
.orangehrm-dialog-header-container[data-v-4354959a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4354959a],
.orangehrm-dialog-header-container .oxd-button[data-v-4354959a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4354959a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4354959a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4354959a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4354959a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4354959a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4354959a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4354959a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4354959a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4354959a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4354959a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4354959a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4354959a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4354959a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4354959a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4354959a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4354959a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4354959a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4354959a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4354959a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4354959a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4354959a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4354959a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4354959a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4354959a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4354959a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4354959a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4354959a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4354959a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4354959a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4354959a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-view-report-page[data-v-4354959a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: "Nunito Sans", sans-serif;
  overflow-x: hidden;
}
.orangehrm-view-report-page__header[data-v-4354959a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-view-report-page__header .header-buttons[data-v-4354959a] {
  display: flex;
  align-items: center;
  gap: 15px;
  width: 225px;
}
.orangehrm-view-report-page__header .header-buttons .oxd-button[data-v-4354959a] {
  height: 35px;
  font-size: 14px;
}
.orangehrm-view-report-page__body[data-v-4354959a] {
  display: flex;
  gap: 25px;
  min-width: 0;
}
.orangehrm-view-report-page__body .body-sidebar[data-v-4354959a] {
  width: 225px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.orangehrm-view-report-page__body .body-sidebar__item[data-v-4354959a] {
  font-size: 12px;
  cursor: pointer;
  padding: 10px 15px;
  border-radius: 1.5rem;
  font-weight: 700;
  color: #64728c;
}
.orangehrm-view-report-page__body .body-sidebar__item[data-v-4354959a]:hover, .orangehrm-view-report-page__body .body-sidebar__item.active[data-v-4354959a] {
  background-color: #f1f2f5;
}
.orangehrm-view-report-page__body .body-content[data-v-4354959a] {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3cd6463a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3cd6463a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3cd6463a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3cd6463a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3cd6463a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3cd6463a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3cd6463a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3cd6463a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3cd6463a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3cd6463a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3cd6463a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3cd6463a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3cd6463a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3cd6463a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3cd6463a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3cd6463a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3cd6463a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3cd6463a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3cd6463a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3cd6463a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3cd6463a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3cd6463a],
.orangehrm-dialog-header-container[data-v-3cd6463a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3cd6463a],
.orangehrm-dialog-header-container .oxd-button[data-v-3cd6463a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3cd6463a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3cd6463a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3cd6463a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3cd6463a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3cd6463a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3cd6463a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3cd6463a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3cd6463a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3cd6463a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3cd6463a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3cd6463a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3cd6463a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3cd6463a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3cd6463a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3cd6463a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3cd6463a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3cd6463a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3cd6463a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3cd6463a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3cd6463a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3cd6463a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3cd6463a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3cd6463a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3cd6463a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3cd6463a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3cd6463a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3cd6463a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3cd6463a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3cd6463a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3cd6463a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.payroll-register[data-v-3cd6463a] {
  font-family: "Nunito Sans", sans-serif;
  overflow: auto;
}
.payroll-register .orangehrm-container[data-v-3cd6463a] {
  width: -moz-max-content;
  width: max-content;
  margin-top: 25px;
  min-width: 100%;
}
.payroll-register-bottom[data-v-3cd6463a] {
  margin-top: 15px;
  justify-content: flex-end;
  display: flex;
  gap: 15px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6afd6980] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6afd6980] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6afd6980] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6afd6980] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6afd6980] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6afd6980] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6afd6980] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6afd6980] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6afd6980] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6afd6980]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6afd6980] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6afd6980] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6afd6980] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6afd6980] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6afd6980] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6afd6980] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6afd6980] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6afd6980] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6afd6980] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6afd6980] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6afd6980] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6afd6980],
.orangehrm-dialog-header-container[data-v-6afd6980] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6afd6980],
.orangehrm-dialog-header-container .oxd-button[data-v-6afd6980] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6afd6980] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6afd6980] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6afd6980] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6afd6980] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6afd6980] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6afd6980] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6afd6980] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6afd6980] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6afd6980] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6afd6980] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6afd6980] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6afd6980] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6afd6980] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6afd6980] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6afd6980] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6afd6980] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6afd6980] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6afd6980] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6afd6980] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6afd6980] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6afd6980] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6afd6980] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6afd6980] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6afd6980] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6afd6980] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6afd6980] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6afd6980] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6afd6980] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6afd6980] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6afd6980] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-6afd6980] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-6afd6980] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-6afd6980] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-6afd6980] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-6afd6980] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-6afd6980] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-03dd170c] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-03dd170c] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-03dd170c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-03dd170c] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-03dd170c] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-03dd170c] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-03dd170c] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-03dd170c] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-03dd170c] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-03dd170c]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-03dd170c] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-03dd170c] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-03dd170c] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-03dd170c] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-03dd170c] {
  background-image: none !important;
}
.oxd-text--h5[data-v-03dd170c] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-03dd170c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-03dd170c] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-03dd170c] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-03dd170c] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-03dd170c] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-03dd170c],
.orangehrm-dialog-header-container[data-v-03dd170c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-03dd170c],
.orangehrm-dialog-header-container .oxd-button[data-v-03dd170c] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-03dd170c] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-03dd170c] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-03dd170c] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-03dd170c] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-03dd170c] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-03dd170c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-03dd170c] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-03dd170c] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-03dd170c] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-03dd170c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-03dd170c] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-03dd170c] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-03dd170c] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-03dd170c] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-03dd170c] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-03dd170c] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-03dd170c] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-03dd170c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-03dd170c] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-03dd170c] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-03dd170c] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-03dd170c] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-03dd170c] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-03dd170c] {
  color: #38455d;
}
.orangehrm-form-action[data-v-03dd170c] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-03dd170c] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-03dd170c] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-03dd170c] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-03dd170c] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-03dd170c] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-03dd170c] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-03dd170c] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-03dd170c] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-03dd170c] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-03dd170c] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.vale-request .orangehrm-horizontal-padding[data-v-03dd170c] {
  padding-inline: 0px;
}
.vale-request .table__title[data-v-03dd170c] {
  font-family: "Nunito Sans";
  font-size: 16px;
}
.vale-request .orangehrm-horizontal-margin[data-v-206b1218][data-v-03dd170c] {
  margin-inline: 0px !important;
}
.confirmation-actions[data-v-03dd170c] {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
}
.confirmation-message[data-v-03dd170c] {
  margin-block: 20px;
}
.dailog-wrapper[data-v-03dd170c] {
  max-width: 150px;
}
.request-table-grid[data-v-03dd170c] {
  display: grid;
  grid-gap: 20px;
}
.hrp-content[data-v-03dd170c] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-93cc6f3e] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-93cc6f3e] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-93cc6f3e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-93cc6f3e] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-93cc6f3e] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-93cc6f3e] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-93cc6f3e] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-93cc6f3e] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-93cc6f3e] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-93cc6f3e]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-93cc6f3e] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-93cc6f3e] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-93cc6f3e] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-93cc6f3e] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-93cc6f3e] {
  background-image: none !important;
}
.oxd-text--h5[data-v-93cc6f3e] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-93cc6f3e] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-93cc6f3e] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-93cc6f3e] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-93cc6f3e] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-93cc6f3e] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-93cc6f3e],
.orangehrm-dialog-header-container[data-v-93cc6f3e] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-93cc6f3e],
.orangehrm-dialog-header-container .oxd-button[data-v-93cc6f3e] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-93cc6f3e] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-93cc6f3e] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-93cc6f3e] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-93cc6f3e] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-93cc6f3e] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-93cc6f3e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-93cc6f3e] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-93cc6f3e] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-93cc6f3e] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-93cc6f3e] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-93cc6f3e] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-93cc6f3e] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-93cc6f3e] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-93cc6f3e] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-93cc6f3e] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-93cc6f3e] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-93cc6f3e] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-93cc6f3e] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-93cc6f3e] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-93cc6f3e] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-93cc6f3e] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-93cc6f3e] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-93cc6f3e] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-93cc6f3e] {
  color: #38455d;
}
.orangehrm-form-action[data-v-93cc6f3e] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-93cc6f3e] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-93cc6f3e] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-93cc6f3e] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-93cc6f3e] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-93cc6f3e] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-93cc6f3e] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-93cc6f3e] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-93cc6f3e] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-93cc6f3e] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-93cc6f3e] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-93cc6f3e] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}

.orangehrm-login-layout {
  background-color: #fff !important;
}

.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}

.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}

.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}

.orangehrm-login-form {
  width: 80% !important;
}

.orangehrm-login-form .oxd-label {
  color: #fff !important;
}

.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}

.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}

.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}

.orangehrm-login-forgot p {
  color: #fff !important;
}

.orangehrm-copyright-wrapper p {
  color: #fff !important;
}

.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}

.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}

.oxd-topbar-header {
  background-image: none !important;
}

.oxd-text--h5 {
  color: #64728c !important;
}

.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}

.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}

.oxd-main-menu-item--icon {
  color: #fff !important;
}

.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}

.orangehrm-header-container {
  padding: 25px;
}

.orangehrm-dialog-header-container {
  padding: 1.2rem;
}

.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

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

.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}

.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}

.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}

.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}

.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}

.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.orangehrm-top-padding {
  padding-top: 25px;
}

.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}

.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}

.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}

.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}

.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}

.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}

.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}

.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
  .orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
  }
}

.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}

.orangehrm-dialog-popup {
  max-width: 450px;
}

.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}

.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.orangehrm-module-under-development {
  text-align: center;
}
.orangehrm-module-under-development-img {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}

.hrp-content {
  padding: 2%;
}

.orangehrm-header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.orangehrm-report-filters {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-left: auto;
}

.orangehrm-report-buttons {
  display: flex;
  align-items: center;
  gap: 10px;
}

.orangehrm-inline-form {
  margin: 0;
  padding: 0;
}
.orangehrm-inline-form ::v-deep .oxd-form-row {
  margin-bottom: 0;
}

.orangehrm-report-select {
  min-width: 200px;
}
.orangehrm-report-select ::v-deep .oxd-input-field {
  margin-bottom: 0;
}
.orangehrm-report-select ::v-deep .oxd-input-field .oxd-label {
  margin-bottom: 4px;
  font-size: 12px;
  color: #64728c;
}
.orangehrm-report-select ::v-deep .oxd-input-field .oxd-input {
  min-height: 34px;
  font-size: 12px;
}

.orangehrm-preview-button,
.orangehrm-download-button {
  height: 34px;
  min-width: 100px;
}
.orangehrm-preview-button--loading,
.orangehrm-download-button--loading {
  opacity: 0.7;
  cursor: not-allowed;
}

.orangehrm-preview-modal {
  /* Standard size modal - 900px max */
  max-width: 900px;
  width: 90vw;
}
.orangehrm-preview-modal .orangehrm-modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 1.5rem 0;
}
.orangehrm-preview-modal .orangehrm-modal-header .close-button {
  padding: 0;
  min-width: auto;
  background: transparent;
  border: none;
}
.orangehrm-preview-modal .orangehrm-modal-header .close-button:hover {
  background: transparent;
}
.orangehrm-preview-modal .orangehrm-preview-content {
  padding: 1.5rem;
  max-height: 60vh;
  overflow-y: auto;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-info {
  margin-bottom: 1.5rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e4e5e7;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-info > * {
  margin-bottom: 0.5rem;
  display: block;
  font-size: 14px;
  color: #495057;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-loading,
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-error,
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-empty {
  padding: 2rem;
  text-align: center;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-loading .error-title,
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-error .error-title,
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-empty .error-title {
  color: #e74c3c;
  margin-bottom: 1rem;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-table-wrapper {
  width: 100%;
  overflow-x: auto; /* Horizontal scroll bar */
  overflow-y: visible;
  border: 1px solid #e4e5e7;
  border-radius: 4px;
  /* Custom scrollbar styling */
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-table-wrapper::-webkit-scrollbar {
  height: 10px;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-table-wrapper::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 4px;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-table-wrapper::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 4px;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-table-wrapper::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-table-wrapper .orangehrm-preview-table {
  width: 100%;
  min-width: 1200px; /* Force horizontal scroll when table is wider than container */
  border-collapse: collapse;
  font-size: 12px;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-table-wrapper .orangehrm-preview-table thead {
  background-color: #f8f9fa;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-table-wrapper .orangehrm-preview-table thead th {
  padding: 10px 8px;
  text-align: left;
  font-weight: 600;
  color: #495057;
  border-bottom: 2px solid #dee2e6;
  white-space: nowrap;
  min-width: 100px;
  border-right: 1px solid #e4e5e7;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-table-wrapper .orangehrm-preview-table thead th:last-child {
  border-right: none;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-table-wrapper .orangehrm-preview-table tbody tr:hover {
  background-color: #f8f9fa;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-table-wrapper .orangehrm-preview-table tbody tr td {
  padding: 8px;
  border-bottom: 1px solid #e4e5e7;
  vertical-align: top;
  white-space: nowrap;
  border-right: 1px solid #f0f0f0;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-table-wrapper .orangehrm-preview-table tbody tr td:last-child {
  border-right: none;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-table-wrapper .orangehrm-preview-table tbody tr td.numeric {
  text-align: right;
  font-family: "Courier New", monospace;
}
.orangehrm-preview-modal .orangehrm-preview-content .orangehrm-preview-table-container .orangehrm-preview-table-wrapper .orangehrm-preview-table tbody tr:last-child td {
  border-bottom: none;
}
.orangehrm-preview-modal .orangehrm-modal-footer {
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 1rem 1.5rem;
  background-color: #f8f9fa;
  border-radius: 0 0 4px 4px;
}

.action-buttons {
  display: flex;
  gap: 10px;
}
.action-buttons .hidden {
  display: none;
}

.orangehrm-container {
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 250px);
}
.orangehrm-container.onLoading {
  min-height: 350px;
}

.orangehrm-preview-filters[data-v-6498dd12] {
    padding: 1rem;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-37462db6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-37462db6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-37462db6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-37462db6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-37462db6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-37462db6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-37462db6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-37462db6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-37462db6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-37462db6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-37462db6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-37462db6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-37462db6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-37462db6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-37462db6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-37462db6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-37462db6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-37462db6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-37462db6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-37462db6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-37462db6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-37462db6],
.orangehrm-dialog-header-container[data-v-37462db6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-37462db6],
.orangehrm-dialog-header-container .oxd-button[data-v-37462db6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-37462db6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-37462db6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-37462db6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-37462db6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-37462db6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-37462db6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-37462db6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-37462db6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-37462db6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-37462db6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-37462db6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-37462db6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-37462db6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-37462db6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-37462db6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-37462db6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-37462db6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-37462db6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-37462db6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-37462db6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-37462db6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-37462db6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-37462db6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-37462db6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-37462db6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-37462db6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-37462db6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-37462db6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-37462db6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-37462db6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-37462db6] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-37462db6] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-37462db6] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-37462db6] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-37462db6] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-37462db6] {
  padding: 2%;
}
.orangehrm-installer[data-v-37462db6] {
  height: inherit;
  display: grid;
  grid-template-areas: "sidebar header" "sidebar content";
  grid-template-rows: 120px 1fr;
  grid-template-columns: 300px auto;
}
.orangehrm-installer-header[data-v-37462db6] {
  grid-area: header;
  margin-left: auto;
  padding: 1rem 2rem;
  box-sizing: border-box;
}
.orangehrm-installer-sidebar[data-v-37462db6] {
  position: relative;
  grid-area: sidebar;
  padding: 0 2rem;
  box-sizing: border-box;
  background: linear-gradient(180deg, #fa9e2e 0%, #e55422 90%);
}
.orangehrm-installer-content[data-v-37462db6] {
  overflow-y: auto;
  grid-area: content;
  box-sizing: border-box;
  padding-left: 2rem;
  padding-right: 2rem;
}
.orangehrm-installer-footer[data-v-37462db6] {
  bottom: 0;
  position: absolute;
}
.orangehrm-installer-guide[data-v-37462db6] {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
}
.orangehrm-installer-guide-icon[data-v-37462db6] {
  color: inherit;
  vertical-align: middle;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-41762e75] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-41762e75] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-41762e75] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-41762e75] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-41762e75] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-41762e75] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-41762e75] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-41762e75] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-41762e75] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-41762e75]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-41762e75] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-41762e75] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-41762e75] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-41762e75] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-41762e75] {
  background-image: none !important;
}
.oxd-text--h5[data-v-41762e75] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-41762e75] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-41762e75] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-41762e75] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-41762e75] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-41762e75] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-41762e75],
.orangehrm-dialog-header-container[data-v-41762e75] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-41762e75],
.orangehrm-dialog-header-container .oxd-button[data-v-41762e75] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-41762e75] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-41762e75] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-41762e75] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-41762e75] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-41762e75] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-41762e75] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-41762e75] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-41762e75] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-41762e75] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-41762e75] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-41762e75] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-41762e75] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-41762e75] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-41762e75] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-41762e75] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-41762e75] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-41762e75] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-41762e75] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-41762e75] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-41762e75] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-41762e75] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-41762e75] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-41762e75] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-41762e75] {
  color: #38455d;
}
.orangehrm-form-action[data-v-41762e75] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-41762e75] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-41762e75] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-41762e75] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-41762e75] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-41762e75] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-41762e75] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-41762e75] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-41762e75] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-41762e75] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-41762e75] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-41762e75] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-96a99ac6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-96a99ac6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-96a99ac6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-96a99ac6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-96a99ac6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-96a99ac6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-96a99ac6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-96a99ac6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-96a99ac6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-96a99ac6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-96a99ac6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-96a99ac6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-96a99ac6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-96a99ac6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-96a99ac6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-96a99ac6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-96a99ac6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-96a99ac6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-96a99ac6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-96a99ac6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-96a99ac6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-96a99ac6],
.orangehrm-dialog-header-container[data-v-96a99ac6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-96a99ac6],
.orangehrm-dialog-header-container .oxd-button[data-v-96a99ac6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-96a99ac6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-96a99ac6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-96a99ac6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-96a99ac6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-96a99ac6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-96a99ac6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-96a99ac6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-96a99ac6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-96a99ac6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-96a99ac6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-96a99ac6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-96a99ac6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-96a99ac6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-96a99ac6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-96a99ac6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-96a99ac6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-96a99ac6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-96a99ac6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-96a99ac6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-96a99ac6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-96a99ac6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-96a99ac6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-96a99ac6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-96a99ac6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-96a99ac6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-96a99ac6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-96a99ac6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-96a99ac6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-96a99ac6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-96a99ac6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-96a99ac6] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-96a99ac6] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-96a99ac6] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-96a99ac6] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-96a99ac6] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-96a99ac6] {
  padding: 2%;
}
.orangehrm-eligibility-error-container[data-v-96a99ac6] {
  background-color: #fee;
  border: 1px solid #fcc;
  border-radius: 4px;
  padding: 1rem;
  margin-bottom: 1rem;
  color: #c33;
}
.orangehrm-error-title[data-v-96a99ac6] {
  margin-bottom: 0.5rem;
  font-weight: 600;
  color: #c33;
}
.orangehrm-error-list[data-v-96a99ac6] {
  margin: 0.5rem 0 0 0;
  padding-left: 1.5rem;
  color: #c33;
  list-style-type: disc;
  list-style-position: outside;
}
.orangehrm-error-list li[data-v-96a99ac6] {
  margin-bottom: 0.5rem;
  line-height: 1.6;
  padding-left: 0.5rem;
  display: list-item;
}
.orangehrm-installer[data-v-96a99ac6] {
  height: inherit;
  display: grid;
  grid-template-areas: "sidebar header" "sidebar content";
  grid-template-rows: 120px 1fr;
  grid-template-columns: 300px auto;
}
.orangehrm-installer-header[data-v-96a99ac6] {
  grid-area: header;
  margin-left: auto;
  padding: 1rem 2rem;
  box-sizing: border-box;
}
.orangehrm-installer-sidebar[data-v-96a99ac6] {
  position: relative;
  grid-area: sidebar;
  padding: 0 2rem;
  box-sizing: border-box;
  background: linear-gradient(180deg, #fa9e2e 0%, #e55422 90%);
}
.orangehrm-installer-content[data-v-96a99ac6] {
  overflow-y: auto;
  grid-area: content;
  box-sizing: border-box;
  padding-left: 2rem;
  padding-right: 2rem;
}
.orangehrm-installer-footer[data-v-96a99ac6] {
  bottom: 0;
  position: absolute;
}
.orangehrm-installer-guide[data-v-96a99ac6] {
  font-size: 16px;
  font-weight: 600;
  color: #ffffff;
  text-decoration: none;
}
.orangehrm-installer-guide-icon[data-v-96a99ac6] {
  color: inherit;
  vertical-align: middle;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-18c11a08] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-18c11a08] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-18c11a08] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-18c11a08] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-18c11a08] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-18c11a08] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-18c11a08] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-18c11a08] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-18c11a08] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-18c11a08]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-18c11a08] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-18c11a08] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-18c11a08] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-18c11a08] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-18c11a08] {
  background-image: none !important;
}
.oxd-text--h5[data-v-18c11a08] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-18c11a08] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-18c11a08] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-18c11a08] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-18c11a08] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-18c11a08] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-18c11a08],
.orangehrm-dialog-header-container[data-v-18c11a08] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-18c11a08],
.orangehrm-dialog-header-container .oxd-button[data-v-18c11a08] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-18c11a08] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-18c11a08] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-18c11a08] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-18c11a08] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-18c11a08] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-18c11a08] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-18c11a08] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-18c11a08] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-18c11a08] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-18c11a08] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-18c11a08] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-18c11a08] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-18c11a08] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-18c11a08] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-18c11a08] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-18c11a08] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-18c11a08] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-18c11a08] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-18c11a08] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-18c11a08] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-18c11a08] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-18c11a08] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-18c11a08] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-18c11a08] {
  color: #38455d;
}
.orangehrm-form-action[data-v-18c11a08] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-18c11a08] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-18c11a08] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-18c11a08] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-18c11a08] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-18c11a08] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-18c11a08] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-18c11a08] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-18c11a08] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-18c11a08] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-18c11a08] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-18c11a08] {
  padding: 2%;
}
.particular-font-size[data-v-18c11a08] {
  font-size: 15px;
}

.row-container {
        display: flex;
        flex-direction: column;
}
p {
        font-weight: 700;
        font-size: 14px;
}
.payroll-period-empty-state {
        display: flex;
        justify-content: center;
        align-self: start;
        color: red;
}
.auto-generate-field-container {
        display: flex;
        flex-direction: row;
        gap: 4px;
}
.oxd-switch-wrapper{
        margin-top: 3px
}
.loading-bar-wrapper {
        display: flex; 
        flex-direction: column; 
        background: #fff; 
        align-items: center; 
        justify-content: center; 
        width: 100%;
        min-height: clamp(300px, 60vh, 700px);
        padding: 2rem;
}
.generated-info {
        font-weight: 500;
        font-size: 16px;
        font-family: Nunito Sans;
        color: #000;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dailog-custom-style {
  width: clamp(450px, 100%, 750px);
}
.dailog-custom-style .printable-payslip {
  position: absolute;
  top: -99999px;
}
.payslip-header {
  display: flex;
  justify-content: space-between;
}
.payslip-header .actions {
  display: flex;
  gap: 15px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dailog-custom-style {
  width: clamp(450px, 100%, 700px);
}
.dailog-custom-style .printable-payslip {
  position: absolute;
  top: -99999px;
}
.payslip-header {
  display: flex;
  justify-content: space-between;
}
.payslip-header .actions {
  display: flex;
  gap: 15px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-183d6391] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-183d6391] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-183d6391] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-183d6391] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-183d6391] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-183d6391] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-183d6391] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-183d6391] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-183d6391] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-183d6391]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-183d6391] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-183d6391] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-183d6391] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-183d6391] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-183d6391] {
  background-image: none !important;
}
.oxd-text--h5[data-v-183d6391] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-183d6391] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-183d6391] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-183d6391] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-183d6391] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-183d6391] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-183d6391],
.orangehrm-dialog-header-container[data-v-183d6391] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-183d6391],
.orangehrm-dialog-header-container .oxd-button[data-v-183d6391] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-183d6391] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-183d6391] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-183d6391] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-183d6391] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-183d6391] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-183d6391] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-183d6391] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-183d6391] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-183d6391] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-183d6391] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-183d6391] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-183d6391] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-183d6391] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-183d6391] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-183d6391] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-183d6391] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-183d6391] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-183d6391] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-183d6391] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-183d6391] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-183d6391] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-183d6391] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-183d6391] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-183d6391] {
  color: #38455d;
}
.orangehrm-form-action[data-v-183d6391] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-183d6391] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-183d6391] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-183d6391] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-183d6391] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-183d6391] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-183d6391] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-183d6391] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-183d6391] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-183d6391] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-183d6391] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-183d6391] {
  padding: 2%;
}
.particular-font-size[data-v-183d6391] {
  font-size: 15px;
}
.switch-text[data-v-183d6391] {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 2%;
  padding-top: 2%;
}
.oxd-color-input .oxd-color-input--active[data-v-183d6391] {
  margin-right: 51%;
}
[data-v-183d6391] .oxd-checkbox-wrapper span {
  flex-shrink: 0;
}
[data-v-183d6391] .oxd-checkbox-wrapper label {
  font-size: 14px;
}
[data-v-183d6391] .oxd-checkbox-wrapper .oxd-checkbox-input-icon {
  font-size: 1.2rem;
}
[data-v-183d6391] .oxd-checkbox-wrapper .oxd-checkbox-input {
  width: 1.3rem;
  height: 1.3rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-c5f64756] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-c5f64756] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-c5f64756] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-c5f64756] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-c5f64756] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-c5f64756] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-c5f64756] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-c5f64756] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-c5f64756] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-c5f64756]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-c5f64756] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-c5f64756] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-c5f64756] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-c5f64756] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-c5f64756] {
  background-image: none !important;
}
.oxd-text--h5[data-v-c5f64756] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-c5f64756] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-c5f64756] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-c5f64756] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-c5f64756] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-c5f64756] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-c5f64756],
.orangehrm-dialog-header-container[data-v-c5f64756] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-c5f64756],
.orangehrm-dialog-header-container .oxd-button[data-v-c5f64756] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-c5f64756] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-c5f64756] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-c5f64756] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-c5f64756] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-c5f64756] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-c5f64756] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-c5f64756] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-c5f64756] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-c5f64756] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-c5f64756] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-c5f64756] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-c5f64756] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-c5f64756] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-c5f64756] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-c5f64756] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-c5f64756] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-c5f64756] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-c5f64756] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-c5f64756] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-c5f64756] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-c5f64756] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-c5f64756] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-c5f64756] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-c5f64756] {
  color: #38455d;
}
.orangehrm-form-action[data-v-c5f64756] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-c5f64756] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-c5f64756] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-c5f64756] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-c5f64756] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-c5f64756] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-c5f64756] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-c5f64756] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-c5f64756] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-c5f64756] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-c5f64756] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-c5f64756] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-52f23612] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-52f23612] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-52f23612] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-52f23612] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-52f23612] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-52f23612] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-52f23612] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-52f23612] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-52f23612] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-52f23612]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-52f23612] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-52f23612] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-52f23612] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-52f23612] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-52f23612] {
  background-image: none !important;
}
.oxd-text--h5[data-v-52f23612] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-52f23612] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-52f23612] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-52f23612] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-52f23612] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-52f23612] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-52f23612],
.orangehrm-dialog-header-container[data-v-52f23612] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-52f23612],
.orangehrm-dialog-header-container .oxd-button[data-v-52f23612] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-52f23612] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-52f23612] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-52f23612] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-52f23612] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-52f23612] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-52f23612] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-52f23612] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-52f23612] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-52f23612] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-52f23612] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-52f23612] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-52f23612] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-52f23612] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-52f23612] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-52f23612] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-52f23612] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-52f23612] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-52f23612] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-52f23612] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-52f23612] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-52f23612] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-52f23612] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-52f23612] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-52f23612] {
  color: #38455d;
}
.orangehrm-form-action[data-v-52f23612] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-52f23612] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-52f23612] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-52f23612] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-52f23612] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-52f23612] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-52f23612] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-52f23612] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-52f23612] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-52f23612] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-52f23612] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.row-padding[data-v-52f23612] {
  padding: 0%;
}
.hrp-content[data-v-52f23612] {
  padding: 2%;
}
.particular-font-label[data-v-52f23612] {
  padding: 1.5%;
  font-size: 15px;
}
.particular-font-size[data-v-52f23612] {
  font-size: 13px;
  font-weight: bold;
}
.switch-text[data-v-52f23612] {
  font-size: 15px;
  font-weight: 600;
  padding-bottom: 2%;
  padding-top: 2%;
}
.oxd-color-input .oxd-color-input--active[data-v-52f23612] {
  margin-right: 51%;
}
.oxd-checkbox-wrapper[data-v-52f23612] {
  font-size: 15px !important;
}
[data-v-52f23612] .switch-text {
  font-size: 20px;
  font-weight: 700;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.preview-vale .top-sections {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
.preview-vale .section {
  width: clamp(150px, 100%, 100%);
}
.preview-vale .section.third .items {
  max-width: calc(50% - 20px);
}
.preview-vale .section .title {
  font-size: 15px;
}
.preview-vale .section .item {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.preview-vale .section .item .value {
  width: 50%;
  text-align: right;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dailog-custom-style {
  width: clamp(450px, 100%, 700px);
}
.dailog-custom-style .printable-payslip {
  position: absolute;
  top: -99999px;
}
.payslip-header {
  display: flex;
  justify-content: space-between;
}
.payslip-header .actions {
  display: flex;
  gap: 15px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-65d640af] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-65d640af] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-65d640af] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-65d640af] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-65d640af] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-65d640af] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-65d640af] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-65d640af] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-65d640af] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-65d640af]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-65d640af] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-65d640af] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-65d640af] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-65d640af] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-65d640af] {
  background-image: none !important;
}
.oxd-text--h5[data-v-65d640af] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-65d640af] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-65d640af] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-65d640af] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-65d640af] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-65d640af] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-65d640af],
.orangehrm-dialog-header-container[data-v-65d640af] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-65d640af],
.orangehrm-dialog-header-container .oxd-button[data-v-65d640af] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-65d640af] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-65d640af] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-65d640af] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-65d640af] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-65d640af] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-65d640af] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-65d640af] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-65d640af] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-65d640af] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-65d640af] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-65d640af] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-65d640af] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-65d640af] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-65d640af] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-65d640af] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-65d640af] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-65d640af] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-65d640af] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-65d640af] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-65d640af] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-65d640af] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-65d640af] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-65d640af] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-65d640af] {
  color: #38455d;
}
.orangehrm-form-action[data-v-65d640af] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-65d640af] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-65d640af] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-65d640af] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-65d640af] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-65d640af] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-65d640af] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-65d640af] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-65d640af] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-65d640af] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-65d640af] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-65d640af] {
  padding: 2%;
}
.action-buttons[data-v-65d640af] {
  display: flex;
  gap: 10px;
}
.action-buttons .hidden[data-v-65d640af] {
  display: none;
}
.orangehrm-paper-container.second[data-v-65d640af] {
  overflow-x: hidden;
}
.orangehrm-container[data-v-65d640af] {
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 250px);
}
.orangehrm-container.onLoading[data-v-65d640af] {
  min-height: 350px;
}
.action-buttons-bottom[data-v-65d640af] {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.action-buttons-bottom .to-modal-buttons[data-v-65d640af],
.action-buttons-bottom .pagination-buttons[data-v-65d640af] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
}
.orangehrm-header-container .total[data-v-65d640af] {
  font-family: "Nunito Sans";
  color: #64728c;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-ed5ea4ec] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-ed5ea4ec] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-ed5ea4ec] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-ed5ea4ec] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-ed5ea4ec] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-ed5ea4ec] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-ed5ea4ec] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-ed5ea4ec] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-ed5ea4ec] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-ed5ea4ec]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-ed5ea4ec] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-ed5ea4ec] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-ed5ea4ec] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-ed5ea4ec] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-ed5ea4ec] {
  background-image: none !important;
}
.oxd-text--h5[data-v-ed5ea4ec] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-ed5ea4ec] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-ed5ea4ec] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-ed5ea4ec] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-ed5ea4ec] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-ed5ea4ec] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-ed5ea4ec],
.orangehrm-dialog-header-container[data-v-ed5ea4ec] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-ed5ea4ec],
.orangehrm-dialog-header-container .oxd-button[data-v-ed5ea4ec] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-ed5ea4ec] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-ed5ea4ec] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-ed5ea4ec] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-ed5ea4ec] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-ed5ea4ec] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-ed5ea4ec] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-ed5ea4ec] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-ed5ea4ec] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-ed5ea4ec] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-ed5ea4ec] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-ed5ea4ec] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-ed5ea4ec] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-ed5ea4ec] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-ed5ea4ec] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-ed5ea4ec] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-ed5ea4ec] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-ed5ea4ec] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-ed5ea4ec] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-ed5ea4ec] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-ed5ea4ec] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-ed5ea4ec] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-ed5ea4ec] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-ed5ea4ec] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-ed5ea4ec] {
  color: #38455d;
}
.orangehrm-form-action[data-v-ed5ea4ec] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-ed5ea4ec] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-ed5ea4ec] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-ed5ea4ec] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-ed5ea4ec] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-ed5ea4ec] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-modal-header[data-v-ed5ea4ec] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-ed5ea4ec] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-ed5ea4ec] {
  margin: 0.7rem;
}
.orangehrm-text-center-align[data-v-ed5ea4ec] {
  text-align: center;
}
.orangehrm-confirmation-dialog .selected-items-list[data-v-ed5ea4ec] {
  list-style: none;
  padding: 0;
  margin: 1rem 0 0;
  text-align: left;
}
.orangehrm-confirmation-dialog .selected-items-list li[data-v-ed5ea4ec] {
  padding: 0.5rem 0;
  border-bottom: 1px solid #ddd;
}
.orangehrm-confirmation-dialog .selected-items-list li[data-v-ed5ea4ec]:last-child {
  border-bottom: none;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dailog-custom-style {
  width: "70vw";
  margin: "auto";
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dailog-custom-style {
  width: "70vw";
  margin: "auto";
}
.header-title {
  font-size: 20px;
  text-align: center;
  margin-bottom: 20px;
  font-family: "Nunito Sans", sans-serif;
}
.status-display {
  font-size: 18px;
  font-family: "Nunito Sans", sans-serif;
  color: #6d7a93;
  font-weight: 900;
  display: flex;
  align-items: center;
  margin-top: 10px;
}
.payrollDetails-container {
  flex: 1;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.accordion-item {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.accordion-header {
  background: #f7f7f7;
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.accordion-body {
  padding: 10px;
  background: #fff;
}
.icon {
  display: inline-block;
  transition: transform 0.3s ease;
}
.icon.is-open {
  transform: rotate(180deg);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-container {
  width: 100%;
  overflow: scroll;
}
.custom-table {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.table-body {
  display: grid;
  grid-gap: 5px;
  width: 100%;
}
.table-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  min-height: 45px;
  min-width: 100%;
}
.table-row.body {
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.table-row.header {
  position: sticky;
  top: -10px;
  background-color: #e8eaef;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
}
.table-row .header__items {
  width: 100%;
  font-weight: 700;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px;
}
.table-row .body__items {
  width: 100%;
}
.table-row td {
  font-weight: 400;
}
.table-row.header__items.hide {
  display: none;
}
.table-column {
  color: #64728c;
  overflow-wrap: break-word;
  word-break: break-word;
  font-family: "Nunito Sans";
  font-size: 0.75rem;
  text-align: left;
  padding-inline: 5px;
}
.table-column:first-child {
  padding-left: 15px;
}
.table-column:last-child {
  padding-right: 15px;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-button {
  padding: 8px 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}
.dropdown-content {
  position: absolute;
  top: 100%; /* Ensure dropdown appears directly below the button */
  right: 0; /* Align to the right */
  background-color: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 999; /* Ensure it appears on top */
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropdown-content li {
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dropdown-content li:hover {
  background-color: #f0f0f0;
}
.dropdown-icon {
  margin-right: 8px;
}
.gross-pay-checkbox {
  transform: scale(1.2);
  margin-right: 4px;
}
.gross-pay-label:hover {
  cursor: pointer;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-68eb7176] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-68eb7176] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-68eb7176] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-68eb7176] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-68eb7176] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-68eb7176] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-68eb7176] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-68eb7176] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-68eb7176] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-68eb7176]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-68eb7176] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-68eb7176] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-68eb7176] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-68eb7176] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-68eb7176] {
  background-image: none !important;
}
.oxd-text--h5[data-v-68eb7176] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-68eb7176] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-68eb7176] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-68eb7176] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-68eb7176] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-68eb7176] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-68eb7176],
.orangehrm-dialog-header-container[data-v-68eb7176] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-68eb7176],
.orangehrm-dialog-header-container .oxd-button[data-v-68eb7176] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-68eb7176] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-68eb7176] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-68eb7176] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-68eb7176] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-68eb7176] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-68eb7176] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-68eb7176] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-68eb7176] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-68eb7176] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-68eb7176] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-68eb7176] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-68eb7176] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-68eb7176] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-68eb7176] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-68eb7176] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-68eb7176] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-68eb7176] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-68eb7176] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-68eb7176] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-68eb7176] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-68eb7176] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-68eb7176] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-68eb7176] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-68eb7176] {
  color: #38455d;
}
.orangehrm-form-action[data-v-68eb7176] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-68eb7176] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-68eb7176] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-68eb7176] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-68eb7176] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-68eb7176] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-68eb7176] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-68eb7176] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-68eb7176] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-68eb7176] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-68eb7176] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-68eb7176] {
  padding: 2%;
}
.action-buttons[data-v-68eb7176] {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}
.action-buttons .hidden[data-v-68eb7176] {
  display: none;
}
.orangehrm-paper-container.second[data-v-68eb7176] {
  overflow-x: hidden;
}
.orangehrm-card-container.second[data-v-68eb7176] {
  overflow: hidden;
  padding: 0px;
}
.onLoading[data-v-68eb7176] {
  min-height: 350px;
  max-height: 360px;
}
.columns-container[data-v-68eb7176] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 1000px;
}
ul[data-v-68eb7176] {
  padding: 0;
  margin: 0;
  list-style: none;
}
.value[data-v-68eb7176] {
  padding: 0px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.value-description[data-v-68eb7176] {
  padding: 8px 0 4px;
  color: black;
  border: 1px solid rgba(221, 221, 221, 0);
}
.row[data-v-68eb7176] {
  display: flex;
  gap: 20px;
  flex-wrap: nowrap;
}
.column[data-v-68eb7176] {
  flex: 0.5;
  list-style: none;
  padding: 0;
  margin-top: 30px;
}
.empty[data-v-68eb7176] {
  visibility: hidden;
}
.header[data-v-68eb7176] {
  font-weight: bold;
  margin-bottom: 10px;
  min-height: 20px;
  font-size: 14px;
  color: black;
}
.computed-result-container[data-v-68eb7176] {
  display: flex;
  justify-content: flex-end;
  padding-right: 10px;
  margin-top: 10px;
}
.action-buttons-bottom[data-v-68eb7176] {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.action-buttons-bottom .to-modal-buttons[data-v-68eb7176],
.action-buttons-bottom .pagination-buttons[data-v-68eb7176] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
}
.orangehrm-header-container .total[data-v-68eb7176] {
  font-family: "Nunito Sans";
  color: #64728c;
}
.oxd-text[data-v-68eb7176] {
  font-weight: bold;
}
.top-header[data-v-68eb7176] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.lower-header[data-v-68eb7176] {
  margin-top: 30px;
  margin-bottom: 20px;
}
.values[data-v-68eb7176] {
  margin-top: 67px;
}
.payrollDetails-container[data-v-68eb7176] {
  flex: 1;
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.title-year[data-v-68eb7176] {
  padding: 10px 10px 8px 10px;
  border-bottom: 1px solid #e5e5e5;
}
.title-year .title-label[data-v-68eb7176] {
  font-weight: bold;
  font-size: 14px;
}
.row-border[data-v-68eb7176] {
  border-bottom: 1px solid #e5e5e5;
}
.accordion-item[data-v-68eb7176] {
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.accordion-header[data-v-68eb7176] {
  background: #f7f7f7;
  padding: 10px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
}
.accordion-body[data-v-68eb7176] {
  padding: 10px;
  background: #fff;
}
.icon[data-v-68eb7176] {
  display: inline-block;
  transition: transform 0.3s ease;
}
.icon.is-open[data-v-68eb7176] {
  transform: rotate(180deg);
}
.orangehrm-header-container .total[data-v-68eb7176] {
  font-family: "Nunito Sans";
  color: #64728c;
}

.table-grid[data-v-14503834] {
    margin-top: -2px;
  width: 100%; 
  border-collapse: collapse; 
  table-layout: fixed;
}
.table-grid td[data-v-14503834] {
  padding: 12px 12px 12px 30px; 
  border: 2px solid #6D7A93; 
  vertical-align: middle; 
  font-size: 20px;
}
.table-grid td[data-v-14503834]:first-child {
  background-color: #DDE2EB; 
  font-weight: bold;
}
.request-label[data-v-14503834], .request-value[data-v-14503834] {
  display: block;
  text-align: left;
}
.header-title[data-v-14503834] {
font-size: 20px; 
  text-align: center;
  margin-bottom: 20px; 
  font-family: 'Nunito Sans', sans-serif;
}
.full-width[data-v-14503834] {
  width: 100%;
}
.oxd-dialog[data-v-14503834] {
  width: 100%; 
  max-width: 500px;
}
.oxd-label[data-v-14503834] {
  font-size: 16px;
  font-weight: 700;
}
.status-display[data-v-14503834] {
  font-size: 18px;
  font-family: 'Nunito Sans', sans-serif;
  color: #6D7A93;
  font-weight: 900;
  display: flex;
  align-items: center;
  /* justify-content: center;  */
  margin-top: 10px;
}
.status-circle[data-v-14503834] {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin-right: 5px;
  background-color: gray;
}
.status-circle.pending[data-v-14503834] {
  background-color: #D6CD00;
}
.status-circle.declined[data-v-14503834] {
  background-color: red;
}
.status-circle.approved[data-v-14503834] {
  background-color: rgb(87, 227, 87);
}
.accordion[data-v-14503834] {
  max-width: 100%; 
  width: 100%; 
  margin: 5px auto;
}
.accordion-parent[data-v-14503834] {
  display: flex;
  flex-direction: column; 
  width: 100%;
}
.accordion-header[data-v-14503834] {
  cursor: pointer;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-family: Nunito Sans;
  color: #64728c;
  font-weight: 700;
}
.accordion-header .icon[data-v-14503834] {
  transition: transform 0.3s ease;
  color: #64728c;
}
.accordion-header .is-open[data-v-14503834] {
  transform: rotate(180deg);
}
.accordion-content[data-v-14503834] {
  padding: 20px;
  border: 1px solid #ccc;
  border-top: none;
  background-color: white;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-021eb4ed] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-021eb4ed] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-021eb4ed] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-021eb4ed] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-021eb4ed] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-021eb4ed] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-021eb4ed] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-021eb4ed] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-021eb4ed] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-021eb4ed]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-021eb4ed] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-021eb4ed] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-021eb4ed] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-021eb4ed] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-021eb4ed] {
  background-image: none !important;
}
.oxd-text--h5[data-v-021eb4ed] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-021eb4ed] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-021eb4ed] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-021eb4ed] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-021eb4ed] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-021eb4ed] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-021eb4ed],
.orangehrm-dialog-header-container[data-v-021eb4ed] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-021eb4ed],
.orangehrm-dialog-header-container .oxd-button[data-v-021eb4ed] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-021eb4ed] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-021eb4ed] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-021eb4ed] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-021eb4ed] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-021eb4ed] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-021eb4ed] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-021eb4ed] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-021eb4ed] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-021eb4ed] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-021eb4ed] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-021eb4ed] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-021eb4ed] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-021eb4ed] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-021eb4ed] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-021eb4ed] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-021eb4ed] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-021eb4ed] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-021eb4ed] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-021eb4ed] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-021eb4ed] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-021eb4ed] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-021eb4ed] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-021eb4ed] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-021eb4ed] {
  color: #38455d;
}
.orangehrm-form-action[data-v-021eb4ed] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-021eb4ed] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-021eb4ed] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-021eb4ed] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-021eb4ed] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-021eb4ed] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-021eb4ed] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-021eb4ed] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-021eb4ed] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-021eb4ed] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-021eb4ed] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-021eb4ed] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5b972968] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5b972968] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5b972968] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5b972968] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5b972968] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5b972968] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5b972968] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5b972968] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5b972968] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5b972968]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5b972968] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5b972968] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5b972968] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5b972968] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5b972968] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5b972968] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5b972968] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5b972968] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5b972968] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5b972968] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5b972968] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5b972968],
.orangehrm-dialog-header-container[data-v-5b972968] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5b972968],
.orangehrm-dialog-header-container .oxd-button[data-v-5b972968] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5b972968] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5b972968] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5b972968] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5b972968] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5b972968] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5b972968] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5b972968] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5b972968] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5b972968] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5b972968] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5b972968] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5b972968] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5b972968] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5b972968] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5b972968] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5b972968] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5b972968] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5b972968] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5b972968] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5b972968] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5b972968] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5b972968] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5b972968] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5b972968] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5b972968] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5b972968] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5b972968] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5b972968] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5b972968] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5b972968] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-5b972968] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-5b972968] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-5b972968] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-5b972968] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-5b972968] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-5b972968] {
  padding: 2%;
}

.highlight td[data-v-49e4df4e] {
  border: 1px solid black;
  font-weight: 900;
}
.left[data-v-49e4df4e] {
  text-align: left;
  padding-left: 12px;
}
.right[data-v-49e4df4e] {
  text-align: right;
  padding-right: 12px;
}

/* Card table: period + pay cycle left; amounts right (matches row flex layout) */
.taxable-ytd-table[data-v-49e4df4e] {
  width: 100%;
}
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-header .oxd-table-row > .oxd-table-header-cell:nth-child(1),
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-header .oxd-table-row > .oxd-table-header-cell:nth-child(2) {
  justify-content: flex-start;
  text-align: left;
}
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-header .oxd-table-row > .oxd-table-header-cell:nth-child(3),
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-header .oxd-table-row > .oxd-table-header-cell:nth-child(4),
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-header .oxd-table-row > .oxd-table-header-cell:nth-child(5),
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-header .oxd-table-row > .oxd-table-header-cell:nth-child(6) {
  justify-content: flex-end;
  text-align: right;
  padding-right: 12px;
  box-sizing: border-box;
}
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-body .oxd-table-row > .oxd-table-cell:nth-child(1),
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-body .oxd-table-row > .oxd-table-cell:nth-child(2) {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  min-width: 0;
}
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-body .oxd-table-row > .oxd-table-cell:nth-child(3),
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-body .oxd-table-row > .oxd-table-cell:nth-child(4),
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-body .oxd-table-row > .oxd-table-cell:nth-child(5),
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-body .oxd-table-row > .oxd-table-cell:nth-child(6) {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  text-align: right;
  box-sizing: border-box;
  padding-right: 12px !important;
  min-width: 0;
}
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-body .oxd-table-row > .oxd-table-cell:nth-child(3) > div,
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-body .oxd-table-row > .oxd-table-cell:nth-child(4) > div,
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-body .oxd-table-row > .oxd-table-cell:nth-child(5) > div,
.taxable-ytd-table[data-v-49e4df4e] .oxd-table-body .oxd-table-row > .oxd-table-cell:nth-child(6) > div {
  width: 100%;
  text-align: right;
}
.tax-breakdown-table[data-v-49e4df4e] {
  margin-top: 14px;
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  font-family: 'Nunito Sans', sans-serif;
}
.tax-breakdown-table th[data-v-49e4df4e],
.tax-breakdown-table td[data-v-49e4df4e] {
  padding: 6px 10px;
  border: 1px solid #ccc;
}
.tax-breakdown-table th[data-v-49e4df4e]:first-child,
.tax-breakdown-table td[data-v-49e4df4e]:first-child {
  text-align: left;
}
.tax-breakdown-table th[data-v-49e4df4e]:not(:first-child),
.tax-breakdown-table td[data-v-49e4df4e]:not(:first-child) {
  text-align: right;
}
.tax-breakdown-table thead th[data-v-49e4df4e] {
  background-color: #f5f5f5;
  font-weight: 700;
}
.tax-summary-table[data-v-49e4df4e] {
  margin-top: 14px;
  width: 100%;
  border-collapse: collapse;
  font-size: 13px;
  font-family: 'Nunito Sans', sans-serif;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-366ca160] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-366ca160] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-366ca160] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-366ca160] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-366ca160] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-366ca160] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-366ca160] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-366ca160] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-366ca160] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-366ca160]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-366ca160] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-366ca160] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-366ca160] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-366ca160] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-366ca160] {
  background-image: none !important;
}
.oxd-text--h5[data-v-366ca160] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-366ca160] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-366ca160] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-366ca160] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-366ca160] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-366ca160] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-366ca160],
.orangehrm-dialog-header-container[data-v-366ca160] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-366ca160],
.orangehrm-dialog-header-container .oxd-button[data-v-366ca160] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-366ca160] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-366ca160] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-366ca160] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-366ca160] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-366ca160] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-366ca160] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-366ca160] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-366ca160] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-366ca160] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-366ca160] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-366ca160] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-366ca160] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-366ca160] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-366ca160] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-366ca160] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-366ca160] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-366ca160] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-366ca160] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-366ca160] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-366ca160] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-366ca160] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-366ca160] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-366ca160] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-366ca160] {
  color: #38455d;
}
.orangehrm-form-action[data-v-366ca160] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-366ca160] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-366ca160] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-366ca160] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-366ca160] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-366ca160] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.value[data-v-366ca160] {
  font-size: 13px;
}
.scrollbar-top[data-v-366ca160] {
  overflow-x: auto;
  overflow-y: hidden;
  height: 16px;
  margin-bottom: 4px;
}
.scrollbar-dummy[data-v-366ca160] {
  height: 1px;
  min-width: 1000px;
}
.table-scroll-wrapper[data-v-366ca160] {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  margin-bottom: 20px;
}
table[data-v-366ca160] {
  min-width: 700px;
  border-collapse: separate;
  border-spacing: 0;
}
th[data-v-366ca160],
td[data-v-366ca160] {
  padding: 10px 16px;
  min-width: 120px;
  text-align: left;
  white-space: nowrap;
}
.period-col[data-v-366ca160] {
  min-width: 140px;
}
.totals-row td[data-v-366ca160] {
  font-weight: bold;
  border-top: 2px solid gray;
}

.vsl-computation-details[data-v-5c8fab2a] {
  padding: 20px;
  background: #f9f9f9;
  border-radius: 8px;
  margin: 10px 0;
}
.computation-header h3[data-v-5c8fab2a] {
  color: #438dc8;
  margin-bottom: 20px;
  font-size: 18px;
}
.computation-section[data-v-5c8fab2a] {
  margin-bottom: 25px;
}
.computation-section h4[data-v-5c8fab2a] {
  color: #333;
  margin-bottom: 10px;
  font-size: 16px;
  border-bottom: 2px solid #438dc8;
  padding-bottom: 5px;
}
.computation-table[data-v-5c8fab2a] {
  width: 100%;
  border-collapse: collapse;
  background: white;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.computation-table th[data-v-5c8fab2a] {
  background-color: #438dc8;
  color: white;
  padding: 12px;
  text-align: left;
  font-weight: bold;
}
.computation-table td[data-v-5c8fab2a] {
  padding: 10px 12px;
  border-bottom: 1px solid #e0e0e0;
}
.computation-table tr[data-v-5c8fab2a]:hover {
  background-color: #f5f5f5;
}
.total-row td[data-v-5c8fab2a] {
  font-weight: bold;
  background-color: #e8f4fd;
  border-top: 2px solid #438dc8;
}
.highlight-row td[data-v-5c8fab2a] {
  font-weight: bold;
  background-color: #fff3cd;
  border-top: 2px solid #ffc107;
}
.computation-table td[data-v-5c8fab2a]:last-child {
  text-align: right;
  font-family: 'Courier New', monospace;
}


.vsl-computation-details[data-v-57c0a4d7] {
  padding: 20px;
  background: #f9f9f9;
  border-radius: 8px;
  margin: 10px 0;
}
.computation-header h3[data-v-57c0a4d7] {
  color: #438dc8;
  margin-bottom: 20px;
  font-size: 18px;
}
.computation-section[data-v-57c0a4d7] {
  margin-bottom: 25px;
}
.computation-section h4[data-v-57c0a4d7] {
  color: #333;
  margin-bottom: 10px;
  font-size: 16px;
  border-bottom: 2px solid #438dc8;
  padding-bottom: 5px;
}
.computation-table[data-v-57c0a4d7] {
  width: 100%;
  border-collapse: collapse;
  background: white;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.computation-table th[data-v-57c0a4d7] {
  background-color: #438dc8;
  color: white;
  padding: 12px;
  text-align: left;
  font-weight: bold;
}
.computation-table td[data-v-57c0a4d7] {
  padding: 10px 12px;
  border-bottom: 1px solid #e0e0e0;
}
.computation-table tr[data-v-57c0a4d7]:hover {
  background-color: #f5f5f5;
}
.total-row td[data-v-57c0a4d7] {
  font-weight: bold;
  background-color: #e8f4fd;
  border-top: 2px solid #438dc8;
}
.highlight-row td[data-v-57c0a4d7] {
  font-weight: bold;
  background-color: #fff3cd;
  border-top: 2px solid #ffc107;
}
.computation-table td[data-v-57c0a4d7]:last-child {
  text-align: right;
  font-family: 'Courier New', monospace;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-form-action {
  margin-top: 40px;
}
.toggles-item {
  margin-top: 20px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-final-pay-dialog {
  width: 90%;
  max-width: 1200px;
}
.preview-payslip .section {
  width: clamp(150px, 100%, 100%);
}
.preview-payslip .section .title {
  font-size: 18px;
}
.preview-payslip .item-holder-container, .preview-payslip .selector-holder {
  display: flex;
  gap: 5px;
}
.preview-payslip .item-holder-container .item-actions, .preview-payslip .item-holder-container .add-adjustment, .preview-payslip .selector-holder .item-actions, .preview-payslip .selector-holder .add-adjustment {
  display: flex;
  gap: 5px;
  align-items: flex-end;
  padding-bottom: 20px;
  cursor: pointer;
}
.preview-payslip .item-holder-container .item-end-icon, .preview-payslip .selector-holder .item-end-icon {
  background-color: white;
  display: grid;
  place-items: center;
  height: 33px;
  width: 33px;
  font-size: 16px;
  border-radius: 50px;
}
.preview-payslip .dropdown-holder {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  height: 38px;
  padding-inline: 5px;
  border-radius: 5px;
  margin-bottom: 18px;
}
.preview-payslip .dropdown-holder .custom-dropdown {
  cursor: pointer;
  display: grid;
  place-items: center;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #e8eaef;
  transition: transform 0.5s ease-in-out;
  color: var(--fc-neutral-text-color);
}
.preview-payslip .dropdown-holder .dropdown-icon {
  transform: rotate(180deg);
}
.orangehrm-form-action {
  margin-top: 40px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-bonus-payroll-dialog {
  width: 100%;
}
.item.disabled {
  opacity: 0.4;
  pointer-events: none;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.main-actions {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.main-actions__buttons {
  display: flex;
  justify-content: flex-end;
}
.checkbox {
  margin-right: 20px;
}
.tax-toggle {
  margin-left: 200px;
}
table {
  width: 100%;
  border-collapse: collapse;
}
th,
td {
  padding: 8px;
  text-align: center;
}
thead th {
  background-color: lightblue;
}
.totals-row td {
  font-weight: bold;
  border-top: 2px solid gray;
}
.values {
  margin-top: 20px;
}
.computation-table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}
.computation-table th,
.computation-table td {
  padding: 8px;
  text-align: center;
}
.computation-table th {
  background-color: lightblue;
}
.computation-table .totals-row td {
  font-weight: bold;
  border-top: 2px solid gray;
}
.combine-button {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px;
  padding: 20px;
  margin: 20px;
  margin-top: 10px;
  padding: 5px 15px;
  background-color: #438dc8;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}
.combine-button:hover {
  background-color: #367ba0;
}
.delete-button {
  font-family: Nunito Sans;
  font-weight: 600;
  font-size: 16px;
  padding: 20px;
  margin: 20px;
  margin-top: 10px;
  margin-bottom: 0px;
  padding: 5px 15px;
  background-color: rgb(246, 201, 201);
  color: rgb(235, 9, 16);
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.2s, color 0.2s;
}
.delete-button:hover {
  background-color: rgb(235, 9, 16);
  color: white;
}
.bonus-payroll-content {
  display: flex;
  align-items: stretch;
  gap: 25px;
}
.bonus-payroll-content .side {
  width: 400px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 10px;
  flex-shrink: 0;
  position: relative;
}
.bonus-payroll-content .side .tax-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  margin-top: 10px;
}
.bonus-payroll-content .side .tax-table th, .bonus-payroll-content .side .tax-table td {
  border: 1px solid #000;
  padding: 6px 10px;
  text-align: right;
}
.bonus-payroll-content .side .tax-table th:first-child,
.bonus-payroll-content .side .tax-table td:first-child {
  text-align: left;
}
.bonus-payroll-content .side .tax-table th {
  background-color: #f5f5f5;
  font-weight: bold;
}
.bonus-payroll-content .side .tax-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
.bonus-payroll-content .side .tax-grid .item {
  flex-direction: column;
  align-items: flex-start;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 10px;
}
.bonus-payroll-content .side .tax-grid .item .item-title {
  font-weight: bold;
  font-size: 14px;
}
.bonus-payroll-content .side .tax-grid .item .item-formula {
  font-size: 12px;
  text-align: left;
}
.bonus-payroll-content .side .spinner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10;
  background-color: rgba(255, 255, 255, 0.5);
}
.bonus-payroll-content .side .bonuses {
  display: flex;
  flex-direction: column;
  gap: 7.5px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 10px;
}
.bonus-payroll-content .side .bonuses .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 7.5px 15px;
}
.bonus-payroll-content .side .bonuses .item.active {
  background-color: #f0f0f0;
  color: #438dc8;
  border: 1px solid #438dc8;
}
.bonus-payroll-content .side .bonuses .item .item-title {
  font-weight: bold;
  font-size: 14px;
}
.bonus-payroll-content .side .bonuses .item .item-value {
  font-size: 14px;
  width: 100px;
  text-align: right;
}
.bonus-payroll-content .side .bonuses .item .item-formula {
  font-size: 10px;
  width: 100px;
  text-align: right;
}
.bonus-payroll-content .side .summary {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 7.5px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  padding: 10px;
}
.bonus-payroll-content .side .summary .item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bonus-payroll-content .side .summary .item .item-title {
  font-weight: bold;
  font-size: 14px;
}
.bonus-payroll-content .side .summary .item .item-value {
  font-size: 14px;
  width: 100px;
}
.bonus-payroll-content .side .summary .vsl-computation-item {
  flex-direction: column;
  align-items: flex-start;
}
.bonus-payroll-content .side .summary .vsl-computation-item .item-value {
  width: 100%;
  text-align: left;
  word-break: break-word;
}
.bonus-payroll-content .main {
  flex-grow: 1;
  min-width: 0;
  overflow-x: auto;
}
.bonus-payroll-content .bonus-header {
  display: flex;
  justify-content: space-between;
}
.bonus-payroll-content .divider {
  border: 1px solid #e5e5e5;
  padding-top: 0px;
  padding-bottom: 0px;
}
.bonus-payroll-content .bonus-deduction {
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.bonus-payroll-content .bonus-deduction .deduction-details {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin-left: 15px;
  margin-top: 5px;
  width: 100%;
}
.bonus-payroll-content .bonus-deduction .deduction-details .item-title {
  font-weight: 500 !important;
  font-size: 14px;
}
.bonus-payroll-content .bonus-deduction .deduction-details .item-value {
  font-size: 14px;
  width: 115px !important;
}
.bonus-payroll-content .item-container {
  display: block;
  width: 100%;
}
.bonus-payroll-content .item-container.active {
  background-color: #f0f0f0;
  color: #438dc8;
  border: 1px solid #438dc8;
}
.bonus-payroll-content .item-container .item-title {
  font-weight: bold;
  font-size: 14px;
}
.bonus-payroll-content .item-container .item-value {
  font-size: 14px;
  width: 100px;
  text-align: right;
}
.bonus-payroll-content .formula {
  font-size: 10px;
}
.bonus-payroll-content li.item {
  width: 100%;
  display: flex; /* keep this if you're using justify-content */
  box-sizing: border-box;
}
.bonus-payroll-content .icon-container {
  position: absolute;
  z-index: 99999;
  background-color: gray;
  cursor: pointer;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  right: -20px;
  align-items: center;
  justify-content: center;
}
.bonus-payroll-content .icon {
  transform: rotate(90deg);
  transition: transform 0.3s ease;
}
.bonus-payroll-content .icon.is-open {
  transform: rotate(270deg);
}
.vsl-computation-dialog {
  width: 90%;
  max-width: 1200px;
}
.vsl-dialog-content {
  padding: 0;
}
.vsl-dialog-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
  background: #f8f9fa;
}
.vsl-dialog-header h2 {
  margin: 0;
  color: #438dc8;
  font-size: 20px;
}
.vsl-dialog-body {
  padding: 0;
  max-height: 70vh;
  overflow-y: auto;
}
.view-final-pay-inline-eye {
  font-size: 16px;
  color: #438dc8 !important;
}
.view-final-pay-inline-eye:hover,
.view-final-pay-inline-eye:focus {
  color: #367ba0 !important;
  outline: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5743fd13] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5743fd13] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5743fd13] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5743fd13] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5743fd13] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5743fd13] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5743fd13] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5743fd13] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5743fd13] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5743fd13]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5743fd13] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5743fd13] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5743fd13] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5743fd13] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5743fd13] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5743fd13] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5743fd13] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5743fd13] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5743fd13] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5743fd13] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5743fd13] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5743fd13],
.orangehrm-dialog-header-container[data-v-5743fd13] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5743fd13],
.orangehrm-dialog-header-container .oxd-button[data-v-5743fd13] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5743fd13] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5743fd13] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5743fd13] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5743fd13] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5743fd13] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5743fd13] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5743fd13] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5743fd13] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5743fd13] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5743fd13] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5743fd13] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5743fd13] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5743fd13] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5743fd13] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5743fd13] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5743fd13] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5743fd13] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5743fd13] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5743fd13] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5743fd13] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5743fd13] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5743fd13] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5743fd13] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5743fd13] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5743fd13] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5743fd13] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5743fd13] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5743fd13] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5743fd13] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5743fd13] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-5743fd13] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-5743fd13] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-5743fd13] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-5743fd13] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-5743fd13] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-5743fd13] {
  padding: 2%;
}
.action-buttons[data-v-5743fd13] {
  display: flex;
  gap: 10px;
}
.action-buttons .hidden[data-v-5743fd13] {
  display: none;
}
.orangehrm-paper-container.second[data-v-5743fd13] {
  overflow-x: hidden;
}
.orangehrm-container[data-v-5743fd13] {
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 250px);
}
.orangehrm-container.onLoading[data-v-5743fd13] {
  min-height: 350px;
}
.action-buttons-bottom[data-v-5743fd13] {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.action-buttons-bottom .to-modal-buttons[data-v-5743fd13],
.action-buttons-bottom .pagination-buttons[data-v-5743fd13] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
}
.orangehrm-header-container .total[data-v-5743fd13] {
  font-family: "Nunito Sans";
  color: #64728c;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-container {
  width: 100%;
  overflow: scroll;
}
.custom-table {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.table-body {
  display: grid;
  grid-gap: 5px;
  width: 100%;
}
.table-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  min-height: 45px;
  min-width: 100%;
}
.table-row.body {
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.table-row.header {
  position: sticky;
  top: -10px;
  background-color: #e8eaef;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
}
.table-row .header__items {
  width: 100%;
  font-weight: 700;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px;
}
.table-row .body__items {
  width: 100%;
}
.table-row td {
  font-weight: 400;
}
.table-row.header__items.hide {
  display: none;
}
.table-column {
  color: #64728c;
  overflow-wrap: break-word;
  word-break: break-word;
  font-family: "Nunito Sans";
  font-size: 0.75rem;
  text-align: left;
  padding-inline: 5px;
}
.table-column:first-child {
  padding-left: 15px;
}
.table-column:last-child {
  padding-right: 15px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-92a64d28] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-92a64d28] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-92a64d28] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-92a64d28] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-92a64d28] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-92a64d28] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-92a64d28] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-92a64d28] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-92a64d28] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-92a64d28]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-92a64d28] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-92a64d28] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-92a64d28] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-92a64d28] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-92a64d28] {
  background-image: none !important;
}
.oxd-text--h5[data-v-92a64d28] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-92a64d28] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-92a64d28] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-92a64d28] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-92a64d28] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-92a64d28] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-92a64d28],
.orangehrm-dialog-header-container[data-v-92a64d28] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-92a64d28],
.orangehrm-dialog-header-container .oxd-button[data-v-92a64d28] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-92a64d28] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-92a64d28] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-92a64d28] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-92a64d28] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-92a64d28] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-92a64d28] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-92a64d28] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-92a64d28] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-92a64d28] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-92a64d28] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-92a64d28] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-92a64d28] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-92a64d28] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-92a64d28] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-92a64d28] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-92a64d28] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-92a64d28] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-92a64d28] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-92a64d28] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-92a64d28] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-92a64d28] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-92a64d28] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-92a64d28] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-92a64d28] {
  color: #38455d;
}
.orangehrm-form-action[data-v-92a64d28] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-92a64d28] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-92a64d28] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-92a64d28] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-92a64d28] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-92a64d28] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hrp-content[data-v-92a64d28] {
  padding: 2%;
}
.scrollable-table[data-v-92a64d28] {
  overflow-x: auto;
  max-height: 400px;
}
.table-wrapper[data-v-92a64d28] {
  overflow-y: auto;
}
#htmlContainer[data-v-92a64d28] {
  border: dotted black 1px;
  width: 200px;
  padding: 10px;
}
#htmlContainer > p[data-v-92a64d28] {
  background-color: coral;
  padding: 5px;
  font-weight: bolder;
  width: 150px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-928a1e26] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-928a1e26] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-928a1e26] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-928a1e26] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-928a1e26] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-928a1e26] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-928a1e26] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-928a1e26] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-928a1e26] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-928a1e26]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-928a1e26] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-928a1e26] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-928a1e26] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-928a1e26] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-928a1e26] {
  background-image: none !important;
}
.oxd-text--h5[data-v-928a1e26] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-928a1e26] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-928a1e26] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-928a1e26] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-928a1e26] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-928a1e26] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-928a1e26],
.orangehrm-dialog-header-container[data-v-928a1e26] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-928a1e26],
.orangehrm-dialog-header-container .oxd-button[data-v-928a1e26] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-928a1e26] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-928a1e26] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-928a1e26] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-928a1e26] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-928a1e26] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-928a1e26] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-928a1e26] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-928a1e26] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-928a1e26] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-928a1e26] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-928a1e26] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-928a1e26] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-928a1e26] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-928a1e26] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-928a1e26] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-928a1e26] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-928a1e26] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-928a1e26] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-928a1e26] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-928a1e26] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-928a1e26] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-928a1e26] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-928a1e26] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-928a1e26] {
  color: #38455d;
}
.orangehrm-form-action[data-v-928a1e26] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-928a1e26] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-928a1e26] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-928a1e26] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-928a1e26] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-928a1e26] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hrp-content[data-v-928a1e26] {
  padding: 2%;
}
.scrollable-table[data-v-928a1e26] {
  overflow-x: auto;
  max-height: 400px;
}
.table-wrapper[data-v-928a1e26] {
  overflow-y: auto;
}

input-data-entry {
  font-size: 10px;
  height: 10px;
  margin: 0;
  padding: 0;
}
sub-heading {
  text-align: center;
}


input-data-entry {
    font-size: 10px;
    height: 10px;
    margin: 0;
    padding: 0;
}
sub-heading {
    text-align: center;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-11269c45] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-11269c45] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-11269c45] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-11269c45] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-11269c45] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-11269c45] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-11269c45] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-11269c45] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-11269c45] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-11269c45]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-11269c45] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-11269c45] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-11269c45] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-11269c45] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-11269c45] {
  background-image: none !important;
}
.oxd-text--h5[data-v-11269c45] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-11269c45] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-11269c45] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-11269c45] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-11269c45] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-11269c45] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-11269c45],
.orangehrm-dialog-header-container[data-v-11269c45] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-11269c45],
.orangehrm-dialog-header-container .oxd-button[data-v-11269c45] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-11269c45] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-11269c45] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-11269c45] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-11269c45] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-11269c45] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-11269c45] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-11269c45] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-11269c45] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-11269c45] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-11269c45] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-11269c45] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-11269c45] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-11269c45] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-11269c45] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-11269c45] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-11269c45] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-11269c45] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-11269c45] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-11269c45] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-11269c45] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-11269c45] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-11269c45] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-11269c45] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-11269c45] {
  color: #38455d;
}
.orangehrm-form-action[data-v-11269c45] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-11269c45] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-11269c45] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-11269c45] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-11269c45] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-11269c45] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
*[data-v-11269c45] {
  color: #64728c;
  font-family: "Nunito Sans";
}
.header[data-v-11269c45] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.header img[data-v-11269c45] {
  height: 40px;
  width: auto;
}
.summary[data-v-11269c45] {
  margin-top: 15px;
  margin-bottom: 20px;
}
.summary .summary-item[data-v-11269c45] {
  font-size: 12px;
  display: flex;
  gap: 15px;
}
.summary .summary-item__label[data-v-11269c45] {
  width: 125px;
}
.summary .summary-item__value[data-v-11269c45] {
  font-weight: 700;
}
.table[data-v-11269c45] {
  margin-top: 15px;
  margin-bottom: 20px;
  font-size: 12px;
  overflow: auto;
  max-height: 65vh;
}
.table table[data-v-11269c45] {
  min-width: 1500px;
}
.table table th[data-v-11269c45],
.table table td[data-v-11269c45] {
  padding: 7.5px 15px;
  white-space: nowrap;
}
.table table tr[data-v-11269c45] {
  border: 0;
}
.table .total[data-v-11269c45] {
  font-weight: 700;
}
.table .border-top[data-v-11269c45] {
  border-top: 1px solid #dadbdd;
}
.table .border-bottom[data-v-11269c45] {
  border-bottom: 1px solid #dadbdd;
}
.bonus[data-v-11269c45] {
  font-size: 12px;
  width: 100%;
}
.bonus .bonus-item[data-v-11269c45] {
  display: flex;
  align-items: center;
  gap: 25px;
}
.bonus .bonus-item__label[data-v-11269c45] {
  width: 200px;
}
.bonus .bonus-item__value[data-v-11269c45] {
  flex-grow: 1;
}
.bonus .bonus-item__total[data-v-11269c45] {
  flex-grow: 1;
}
.income[data-v-11269c45] {
  font-size: 12px;
  width: 100%;
}
.income .income-item[data-v-11269c45] {
  display: flex;
  align-items: center;
  gap: 25px;
  justify-content: space-between;
}
.calculation[data-v-11269c45] {
  text-align: right;
  font-size: 12px;
  width: 100%;
}
.tax[data-v-11269c45] {
  font-size: 12px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.tax-withheld[data-v-11269c45] {
  font-size: 12px;
}
.tax-withheld__label[data-v-11269c45] {
  font-weight: 700;
}
.tax-withheld__value[data-v-11269c45] {
  display: flex;
  flex-direction: column;
  padding-left: 15px;
}
.tax-withheld__value .item[data-v-11269c45] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.bottom[data-v-11269c45] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  align-items: flex-end;
}
.divider[data-v-11269c45] {
  height: 2px;
  background-color: #dadbdd;
  margin: 7.5px 0;
  width: 100%;
}
.bold[data-v-11269c45] {
  font-weight: 700;
}
.oxd-text[data-v-11269c45] {
  margin-bottom: 20px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-0d553e60] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-0d553e60] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-0d553e60] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-0d553e60] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-0d553e60] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-0d553e60] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-0d553e60] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-0d553e60] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-0d553e60] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-0d553e60]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-0d553e60] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-0d553e60] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-0d553e60] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-0d553e60] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-0d553e60] {
  background-image: none !important;
}
.oxd-text--h5[data-v-0d553e60] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-0d553e60] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-0d553e60] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-0d553e60] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-0d553e60] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-0d553e60] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-0d553e60],
.orangehrm-dialog-header-container[data-v-0d553e60] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-0d553e60],
.orangehrm-dialog-header-container .oxd-button[data-v-0d553e60] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-0d553e60] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-0d553e60] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-0d553e60] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-0d553e60] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-0d553e60] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-0d553e60] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-0d553e60] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-0d553e60] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-0d553e60] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-0d553e60] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-0d553e60] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-0d553e60] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-0d553e60] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-0d553e60] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-0d553e60] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-0d553e60] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-0d553e60] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-0d553e60] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-0d553e60] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-0d553e60] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-0d553e60] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-0d553e60] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-0d553e60] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-0d553e60] {
  color: #38455d;
}
.orangehrm-form-action[data-v-0d553e60] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-0d553e60] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-0d553e60] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-0d553e60] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-0d553e60] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-0d553e60] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-0d553e60] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-0d553e60] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-0d553e60] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-0d553e60] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-0d553e60] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-0d553e60] {
  padding: 2%;
}
.action-buttons[data-v-0d553e60] {
  display: flex;
  gap: 10px;
}
.action-buttons .hidden[data-v-0d553e60] {
  display: none;
}
.orangehrm-paper-container.second[data-v-0d553e60] {
  overflow-x: hidden;
}
.orangehrm-container[data-v-0d553e60] {
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 250px);
}
.orangehrm-container.onLoading[data-v-0d553e60] {
  min-height: 350px;
}
.action-buttons-bottom[data-v-0d553e60] {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.action-buttons-bottom .to-modal-buttons[data-v-0d553e60],
.action-buttons-bottom .pagination-buttons[data-v-0d553e60] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
}
.orangehrm-header-container .total[data-v-0d553e60] {
  font-family: "Nunito Sans";
  color: #64728c;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5d36db87] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5d36db87] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5d36db87] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5d36db87] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5d36db87] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5d36db87] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5d36db87] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5d36db87] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5d36db87] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5d36db87]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5d36db87] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5d36db87] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5d36db87] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5d36db87] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5d36db87] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5d36db87] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5d36db87] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5d36db87] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5d36db87] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5d36db87] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5d36db87] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5d36db87],
.orangehrm-dialog-header-container[data-v-5d36db87] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5d36db87],
.orangehrm-dialog-header-container .oxd-button[data-v-5d36db87] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5d36db87] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5d36db87] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5d36db87] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5d36db87] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5d36db87] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5d36db87] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5d36db87] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5d36db87] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5d36db87] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5d36db87] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5d36db87] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5d36db87] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5d36db87] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5d36db87] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5d36db87] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5d36db87] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5d36db87] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5d36db87] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5d36db87] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5d36db87] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5d36db87] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5d36db87] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5d36db87] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5d36db87] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5d36db87] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5d36db87] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5d36db87] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5d36db87] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5d36db87] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5d36db87] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-5d36db87] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-5d36db87] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-5d36db87] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-5d36db87] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-5d36db87] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.input-container[data-v-5d36db87] {
  display: flex;
  align-items: center;
}
.label-text[data-v-5d36db87] {
  margin-right: 10px;
  font-size: 13px;
  font-weight: 600;
}
.sorting[data-v-5d36db87] {
  flex-grow: 1;
  width: 100%;
  max-width: 600px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-9b0e6a3a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-9b0e6a3a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-9b0e6a3a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-9b0e6a3a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-9b0e6a3a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-9b0e6a3a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-9b0e6a3a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-9b0e6a3a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-9b0e6a3a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-9b0e6a3a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-9b0e6a3a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-9b0e6a3a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-9b0e6a3a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-9b0e6a3a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-9b0e6a3a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-9b0e6a3a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-9b0e6a3a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-9b0e6a3a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-9b0e6a3a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-9b0e6a3a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-9b0e6a3a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-9b0e6a3a],
.orangehrm-dialog-header-container[data-v-9b0e6a3a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-9b0e6a3a],
.orangehrm-dialog-header-container .oxd-button[data-v-9b0e6a3a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-9b0e6a3a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-9b0e6a3a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-9b0e6a3a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-9b0e6a3a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-9b0e6a3a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-9b0e6a3a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-9b0e6a3a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-9b0e6a3a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-9b0e6a3a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-9b0e6a3a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-9b0e6a3a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-9b0e6a3a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-9b0e6a3a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-9b0e6a3a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-9b0e6a3a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-9b0e6a3a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-9b0e6a3a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-9b0e6a3a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-9b0e6a3a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-9b0e6a3a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-9b0e6a3a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-9b0e6a3a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-9b0e6a3a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-9b0e6a3a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-9b0e6a3a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-9b0e6a3a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-9b0e6a3a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-9b0e6a3a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-9b0e6a3a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-9b0e6a3a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.debug-loading[data-v-9b0e6a3a],
.debug-error[data-v-9b0e6a3a] {
  padding: 2rem;
  text-align: center;
}
.debug-content[data-v-9b0e6a3a] {
  padding: 1rem 0;
}
.debug-section[data-v-9b0e6a3a] {
  margin-bottom: 1.5rem;
}
.debug-section-title[data-v-9b0e6a3a] {
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.debug-label[data-v-9b0e6a3a] {
  margin-bottom: 1rem;
}
.debug-formula[data-v-9b0e6a3a] {
  margin-bottom: 1rem;
  padding: 0.5rem;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.debug-formula code[data-v-9b0e6a3a] {
  font-family: "Courier New", monospace;
  font-size: 0.9em;
  color: #333;
}
.debug-table[data-v-9b0e6a3a] {
  width: 100%;
  border-collapse: collapse;
  margin-top: 0.5rem;
}
.debug-table thead[data-v-9b0e6a3a] {
  background-color: #f5f5f5;
}
.debug-table thead th[data-v-9b0e6a3a] {
  padding: 0.75rem;
  text-align: left;
  font-weight: 600;
  border-bottom: 2px solid #ddd;
}
.debug-table tbody tr[data-v-9b0e6a3a] {
  border-bottom: 1px solid #eee;
}
.debug-table tbody tr[data-v-9b0e6a3a]:hover {
  background-color: #f9f9f9;
}
.debug-table tbody td[data-v-9b0e6a3a] {
  padding: 0.75rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}

.orangehrm-login-layout {
  background-color: #fff !important;
}

.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}

.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}

.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}

.orangehrm-login-form {
  width: 80% !important;
}

.orangehrm-login-form .oxd-label {
  color: #fff !important;
}

.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}

.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}

.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}

.orangehrm-login-forgot p {
  color: #fff !important;
}

.orangehrm-copyright-wrapper p {
  color: #fff !important;
}

.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}

.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}

.oxd-topbar-header {
  background-image: none !important;
}

.oxd-text--h5 {
  color: #64728c !important;
}

.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}

.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}

.oxd-main-menu-item--icon {
  color: #fff !important;
}

.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}

.orangehrm-header-container {
  padding: 25px;
}

.orangehrm-dialog-header-container {
  padding: 1.2rem;
}

.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

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

.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}

.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}

.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}

.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}

.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}

.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.orangehrm-top-padding {
  padding-top: 25px;
}

.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}

.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}

.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}

.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}

.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}

.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}

.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}

.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
  .orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
  }
}

.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}

.orangehrm-dialog-popup {
  max-width: 450px;
}

.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}

.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.alphalist-worksheet-view {
  position: relative;
}
.alphalist-worksheet-view .orangehrm-container {
  overflow-x: auto;
  padding: 0.8rem 0;
  max-width: 100%;
}
.alphalist-worksheet-view .orangehrm-modal-header {
  padding: 0.8rem;
}
.alphalist-worksheet-view .orangehrm-paper-container {
  background-color: var(--oxd-white-color);
  border-radius: 0.6rem;
  padding: 0.8rem;
  min-width: -moz-max-content;
  min-width: max-content;
}
.alphalist-worksheet-view .orangehrm-header-container {
  padding: 0.5rem 0.5rem 0.5rem 1.2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.alphalist-worksheet-view .orangehrm-table-editable-wrapper {
  overflow-x: auto;
  padding-bottom: 75px;
}
.alphalist-worksheet-view .oxd-table-editable {
  width: 100%;
  border-collapse: collapse;
}
.alphalist-worksheet-view .oxd-table-editable th,
.alphalist-worksheet-view .oxd-table-editable td {
  border: 1px solid #e0e0e0;
  padding: 0.3rem 0.5rem;
}
.alphalist-worksheet-view .oxd-table-editable th {
  background: #f7f7f7;
  font-weight: 600;
}
.alphalist-worksheet-view .oxd-table-editable th.clickable-header {
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  transition: background-color 0.2s;
}
.alphalist-worksheet-view .oxd-table-editable th.clickable-header:hover {
  background: #e8e8e8;
}
.alphalist-worksheet-view .oxd-table-editable td {
  background: #fff;
}

.floating-save {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  background: #fff;
  padding: 0.75rem 1.5rem 0.75rem 1.5rem;
  text-align: right;
  z-index: 100;
  box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
  border-radius: 2rem;
  display: flex;
  align-items: center;
  min-width: 120px;
  min-height: 56px;
  transition: box-shadow 0.2s;
  border-top: 1px solid #eee;
  animation: fadeInUp 0.3s;
}

.floating-save:hover, .floating-save:focus-within {
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.16);
}

.floating-save::before {
  content: "";
  display: block;
  position: absolute;
  left: -16px;
  top: 0;
  bottom: 0;
  width: 16px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0));
  border-top-left-radius: 2rem;
  border-bottom-left-radius: 2rem;
  pointer-events: none;
}

@media (max-width: 600px) {
  .floating-save {
    right: 1rem;
    left: 1rem;
    bottom: 1rem;
    width: auto;
    min-width: unset;
    border-radius: 1rem;
    justify-content: center;
  }
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.floating-toggle {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  margin-right: 1.5rem;
  font-size: 1rem;
  background: transparent;
  box-shadow: none;
  border-radius: 1.5rem;
  padding: 0;
  margin-bottom: 0;
}

@media (max-width: 600px) {
  .floating-toggle {
    margin-right: 0.5rem;
    font-size: 0.95rem;
  }
}

.orangehrm-modal-header[data-v-28ca916e] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3d54eb34] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3d54eb34] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3d54eb34] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3d54eb34] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3d54eb34] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3d54eb34] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3d54eb34] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3d54eb34] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3d54eb34] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3d54eb34]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3d54eb34] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3d54eb34] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3d54eb34] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3d54eb34] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3d54eb34] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3d54eb34] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3d54eb34] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3d54eb34] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3d54eb34] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3d54eb34] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3d54eb34] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3d54eb34],
.orangehrm-dialog-header-container[data-v-3d54eb34] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3d54eb34],
.orangehrm-dialog-header-container .oxd-button[data-v-3d54eb34] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3d54eb34] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3d54eb34] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3d54eb34] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3d54eb34] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3d54eb34] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3d54eb34] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3d54eb34] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3d54eb34] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3d54eb34] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3d54eb34] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3d54eb34] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3d54eb34] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3d54eb34] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3d54eb34] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3d54eb34] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3d54eb34] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3d54eb34] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3d54eb34] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3d54eb34] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3d54eb34] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3d54eb34] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3d54eb34] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3d54eb34] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3d54eb34] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3d54eb34] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3d54eb34] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3d54eb34] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3d54eb34] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3d54eb34] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3d54eb34] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bonus-register[data-v-3d54eb34] {
  font-family: "Nunito Sans", sans-serif;
  overflow: auto;
}
.bonus-register .orangehrm-container[data-v-3d54eb34] {
  width: -moz-max-content;
  width: max-content;
  margin-top: 25px;
  min-width: 100%;
}
.bonus-register-bottom[data-v-3d54eb34] {
  margin-top: 15px;
  justify-content: flex-end;
  display: flex;
  gap: 15px;
}

.final-pay-register[data-v-5e24b2c3] {
  font-family: 'Nunito Sans', sans-serif;
  overflow: auto;
}
.orangehrm-container[data-v-5e24b2c3] {
  width: -moz-max-content;
  width: max-content;
  margin-top: 25px;
  min-width: 100%;
}
.final-pay-register-bottom[data-v-5e24b2c3] {
  margin-top: 15px;
  justify-content: flex-end;
  display: flex;
  gap: 15px;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4d47a843] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4d47a843] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4d47a843] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4d47a843] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4d47a843] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4d47a843] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4d47a843] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4d47a843] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4d47a843] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4d47a843]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4d47a843] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4d47a843] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4d47a843] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4d47a843] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4d47a843] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4d47a843] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4d47a843] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4d47a843] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4d47a843] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4d47a843] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4d47a843] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4d47a843],
.orangehrm-dialog-header-container[data-v-4d47a843] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4d47a843],
.orangehrm-dialog-header-container .oxd-button[data-v-4d47a843] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4d47a843] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4d47a843] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4d47a843] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4d47a843] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4d47a843] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4d47a843] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4d47a843] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4d47a843] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4d47a843] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4d47a843] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4d47a843] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4d47a843] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4d47a843] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4d47a843] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4d47a843] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4d47a843] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4d47a843] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4d47a843] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4d47a843] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4d47a843] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4d47a843] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4d47a843] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4d47a843] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4d47a843] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4d47a843] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4d47a843] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4d47a843] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4d47a843] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4d47a843] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4d47a843] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.previous-employer-register[data-v-4d47a843] {
  font-family: "Nunito Sans", sans-serif;
  overflow: auto;
}
.previous-employer-register .orangehrm-container[data-v-4d47a843] {
  width: -moz-max-content;
  width: max-content;
  margin-top: 25px;
  min-width: 100%;
}
.previous-employer-register-bottom[data-v-4d47a843] {
  margin-top: 15px;
  justify-content: flex-end;
  display: flex;
  gap: 15px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2f2f9dbe] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2f2f9dbe] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2f2f9dbe] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2f2f9dbe] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2f2f9dbe] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2f2f9dbe] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2f2f9dbe] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2f2f9dbe] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2f2f9dbe] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2f2f9dbe]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2f2f9dbe] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2f2f9dbe] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2f2f9dbe] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2f2f9dbe] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2f2f9dbe] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2f2f9dbe] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2f2f9dbe] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2f2f9dbe] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2f2f9dbe] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2f2f9dbe] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2f2f9dbe] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2f2f9dbe],
.orangehrm-dialog-header-container[data-v-2f2f9dbe] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2f2f9dbe],
.orangehrm-dialog-header-container .oxd-button[data-v-2f2f9dbe] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2f2f9dbe] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2f2f9dbe] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2f2f9dbe] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2f2f9dbe] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2f2f9dbe] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2f2f9dbe] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2f2f9dbe] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2f2f9dbe] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2f2f9dbe] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2f2f9dbe] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2f2f9dbe] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2f2f9dbe] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2f2f9dbe] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2f2f9dbe] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2f2f9dbe] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2f2f9dbe] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2f2f9dbe] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2f2f9dbe] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2f2f9dbe] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2f2f9dbe] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2f2f9dbe] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2f2f9dbe] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2f2f9dbe] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2f2f9dbe] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2f2f9dbe] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2f2f9dbe] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2f2f9dbe] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2f2f9dbe] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2f2f9dbe] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2f2f9dbe] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ytd-register[data-v-2f2f9dbe] {
  font-family: "Nunito Sans", sans-serif;
  overflow: auto;
}
.ytd-register .orangehrm-container[data-v-2f2f9dbe] {
  width: -moz-max-content;
  width: max-content;
  margin-top: 25px;
  min-width: 100%;
}
.ytd-register-bottom[data-v-2f2f9dbe] {
  margin-top: 15px;
  display: flex;
  justify-content: flex-end;
}

.orangehrm-modal-header[data-v-80ee6d44] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.approval-actions[data-v-80ee6d44] {
  display: flex;
  gap: 10px;
  margin-top: 20px;
}
.status-message[data-v-80ee6d44] {
  margin-top: 20px;
}


.hrp-content[data-v-52ac17e0] {
  padding: 2%;
}
.employees-header-row[data-v-52ac17e0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.register-buttons-container[data-v-52ac17e0] {
  display: flex;
  gap: 10px;
  padding: 0 25px;
  flex-wrap: nowrap;
  justify-content: flex-end;
  align-items: center;
  overflow-x: auto;
}
.register-button[data-v-52ac17e0] {
  min-width: 180px;
}
.register-button[data-v-52ac17e0]:last-child {
  min-width: 220px;
}

/* Progress Modal Styles */
.progress-modal-overlay[data-v-52ac17e0] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.progress-modal[data-v-52ac17e0] {
  background: white;
  border-radius: 8px;
  padding: 24px;
  min-width: 400px;
  max-width: 500px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.progress-header[data-v-52ac17e0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.progress-header h3[data-v-52ac17e0] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #202124;
}
.close-btn[data-v-52ac17e0] {
  min-width: auto !important;
  padding: 4px 8px !important;
  font-size: 18px;
  color: #64728c;
}
.progress-content[data-v-52ac17e0] {
  text-align: left;
}
.progress-info p[data-v-52ac17e0] {
  margin: 8px 0;
  font-size: 14px;
  color: #374151;
}
.status-pending[data-v-52ac17e0] {
  color: #f59e0b;
}
.status-processing[data-v-52ac17e0] {
  color: #3b82f6;
}
.status-completed[data-v-52ac17e0] {
  color: #10b981;
}
.status-failed[data-v-52ac17e0] {
  color: #ef4444;
}
.progress-bar-container[data-v-52ac17e0] {
  width: 100%;
  height: 8px;
  background-color: #e5e7eb;
  border-radius: 4px;
  margin: 16px 0;
  overflow: hidden;
}
.progress-bar[data-v-52ac17e0] {
  height: 100%;
  background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
  border-radius: 4px;
  transition: width 0.3s ease;
}
.progress-percentage[data-v-52ac17e0] {
  font-size: 16px;
  font-weight: 600;
  color: #202124;
  margin-bottom: 8px;
}
.progress-note[data-v-52ac17e0] {
  font-size: 12px;
  color: #6b7280;
  margin: 8px 0 0 0;
  font-style: italic;
}


.hidden {
    display: none;
}


.employee-details[data-v-6756a0ce] {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
  font-size: 1.1em;
}
.payroll-table-container[data-v-6756a0ce] {
  overflow-x: auto;
  margin-top: 1rem;
}
.payroll-table[data-v-6756a0ce] {
  min-width: -moz-max-content;
  min-width: max-content;
  width: 100%;
  border-collapse: collapse;
}
.payroll-table th[data-v-6756a0ce],
.payroll-table td[data-v-6756a0ce] {
  border: 1px solid #e0e0e0;
  padding: 8px;
  background: #fff;
  white-space: nowrap;
}
.payroll-table th[data-v-6756a0ce] {
  background: #f5f5f5;
  font-weight: bold;
}


.hrp-content {
  padding: 2%;
}
.scrollable-x {
  overflow-x: auto;
  width: 100%;
}

/* Ensure header and body columns are aligned */
.orangehrm-employee-list {
  /* Target the table inside oxd-card-table */
:deep(table) {
    min-width: -moz-max-content;
    min-width: max-content;
    table-layout: auto;
}
:deep(th),
  :deep(td) {
    min-width: 180px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 1%; /* allow table to auto-size columns */
}
}
.custom-employee-table {
  min-width: -moz-max-content;
  min-width: max-content;
  width: 100%;
  border-collapse: collapse;
}
.custom-employee-table th,
.custom-employee-table td {
  min-width: 180px;
  border: 1px solid #e0e0e0;
  padding: 8px;
  background: #fff;
}
.custom-employee-table th {
  background: #f5f5f5;
  font-weight: bold;
  max-width: 300px;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.custom-employee-table td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Sticky column styles */
.custom-employee-table th.sticky-column-first,
.custom-employee-table td.sticky-column-first {
  position: sticky;
  left: 0;
  z-index: 10;
  background: #fff;
  width: 180px;
  min-width: 180px;
  max-width: 180px;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
}
.custom-employee-table th.sticky-column-second,
.custom-employee-table td.sticky-column-second {
  position: sticky;
  left: 180px;
  z-index: 10;
  background: #fff;
  width: 200px;
  min-width: 200px;
  max-width: 200px;
  box-shadow: 2px 0 4px rgba(0, 0, 0, 0.1);
}

/* Header cells need higher z-index and proper background */
.custom-employee-table th.sticky-column-first,
.custom-employee-table th.sticky-column-second {
  z-index: 11;
  background: #f5f5f5;
  white-space: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
.table-loading-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.7);
  z-index: 2;
}


/* Modal Header */
.orangehrm-modal-header[data-v-0082c2e0] {
  padding: 24px 32px 0;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 12px 12px 0 0;
}
.header-content[data-v-0082c2e0] {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 24px;
}
.title-section[data-v-0082c2e0] {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.header-icon[data-v-0082c2e0] {
  font-size: 28px;
  color: #1976d2;
  margin-top: 4px;
}
.title-text[data-v-0082c2e0] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.orangehrm-main-title[data-v-0082c2e0] {
  margin: 0;
  color: #1a1a1a;
  font-size: 24px;
  font-weight: 600;
}
.header-subtitle[data-v-0082c2e0] {
  margin: 0;
  color: #666;
  font-size: 14px;
  font-weight: 400;
}


/* Modal Content */
.orangehrm-modal-content[data-v-0082c2e0] {
  padding: 0 32px;
}

/* Filter Section */
.filter-section[data-v-0082c2e0] {
  margin: 24px 0;
  background: white;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border: 1px solid #e9ecef;
}
.filter-header[data-v-0082c2e0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
}
.filter-title[data-v-0082c2e0] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #1a1a1a;
  font-size: 16px;
  font-weight: 600;
}
.filter-icon[data-v-0082c2e0] {
  font-size: 18px;
  color: #1976d2;
}
.filter-form[data-v-0082c2e0] {
  padding: 0;
}
.filter-input[data-v-0082c2e0] {
      margin-bottom: 0;
}
.search-input-wrapper[data-v-0082c2e0] {
      display: flex;
      flex-direction: column;
      gap: 4px;
}
.search-label[data-v-0082c2e0] {
      font-size: 12px;
      font-weight: 500;
      color: #1a1a1a;
      margin: 0;
}
.search-input[data-v-0082c2e0] {
      padding: 8px 12px;
      border: 1px solid #d1d5db;
      border-radius: 6px;
      font-size: 14px;
      transition: border-color 0.2s;
}
.search-input[data-v-0082c2e0]:focus {
      outline: none;
      border-color: #1976d2;
      box-shadow: 0 0 0 3px rgba(25, 118, 210, 0.1);
}
.refresh-button[data-v-0082c2e0], .export-button[data-v-0082c2e0] {
  height: 40px;
  min-width: 120px;
}
.clear-filters-btn[data-v-0082c2e0] {
  font-size: 12px;
  padding: 6px 12px;
}

/* Table Section */
.table-section[data-v-0082c2e0] {
  min-height: 400px;
  margin-bottom: 24px;
}
.loading-container[data-v-0082c2e0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  gap: 20px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.loading-text[data-v-0082c2e0] {
  color: #666;
  font-size: 16px;
  font-weight: 500;
}
.no-data-container[data-v-0082c2e0] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 80px 20px;
  gap: 20px;
  background: white;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.no-data-icon[data-v-0082c2e0] {
  font-size: 64px;
  color: #dee2e6;
}
.no-data-title[data-v-0082c2e0] {
  color: #495057;
  margin: 0;
  font-size: 20px;
  font-weight: 600;
}
.no-data-subtitle[data-v-0082c2e0] {
  color: #6c757d;
  text-align: center;
  margin: 0;
  font-size: 14px;
  max-width: 400px;
}
.table-container[data-v-0082c2e0] {
  background: white;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  border: 1px solid #e9ecef;
}
.table-header[data-v-0082c2e0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 24px;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-bottom: 1px solid #dee2e6;
}
.table-title-section[data-v-0082c2e0] {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.table-title[data-v-0082c2e0] {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  color: #1a1a1a;
  font-size: 18px;
  font-weight: 600;
}
.table-icon[data-v-0082c2e0] {
  font-size: 20px;
  color: #1976d2;
}
.record-count[data-v-0082c2e0] {
  color: #6c757d;
  font-size: 14px;
  font-weight: 400;
}
.table-actions[data-v-0082c2e0] {
  display: flex;
  gap: 12px;
}
.table-wrapper[data-v-0082c2e0] {
  max-height: 500px;
  overflow-y: auto;
}
.acknowledgment-table[data-v-0082c2e0] {
  border: none;
}

/* Status Badges */
.status-acknowledged[data-v-0082c2e0] {
  color: #28a745;
  font-weight: 600;
  background: #d4edda;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
}
.status-pending[data-v-0082c2e0] {
  color: #856404;
  font-weight: 600;
  background: #fff3cd;
  padding: 4px 8px;
  border-radius: 6px;
  font-size: 12px;
}

/* Modal Footer */
.orangehrm-modal-footer[data-v-0082c2e0] {
  padding: 20px 32px;
  display: flex;
  justify-content: flex-end;
  background: #f8f9fa;
  border-radius: 0 0 12px 12px;
}

/* Responsive Design */
@media (max-width: 768px) {
.header-content[data-v-0082c2e0] {
    flex-direction: column;
    align-items: stretch;
}
.filter-form .orangehrm-full-width-grid[data-v-0082c2e0] {
    grid-template-columns: 1fr;
}
.table-header[data-v-0082c2e0] {
    flex-direction: column;
    gap: 12px;
    align-items: stretch;
}
.table-actions[data-v-0082c2e0] {
    justify-content: center;
}
}
@media (max-width: 480px) {
.filter-form .orangehrm-full-width-grid[data-v-0082c2e0] {
    grid-template-columns: 1fr;
}
}


.hrp-content {
  padding: 2%;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.selected-records-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.action-buttons {
  display: flex;
  gap: 5px;
  align-items: center;
}
@media (max-width: 768px) {
.selected-records-container {
    flex-direction: column;
    align-items: flex-start;
}
.action-buttons {
    width: 100%;
    justify-content: flex-end;
}
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-8aec9906] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-8aec9906] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-8aec9906] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-8aec9906] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-8aec9906] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-8aec9906] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-8aec9906] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-8aec9906] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-8aec9906] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-8aec9906]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-8aec9906] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-8aec9906] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-8aec9906] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-8aec9906] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-8aec9906] {
  background-image: none !important;
}
.oxd-text--h5[data-v-8aec9906] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-8aec9906] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-8aec9906] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-8aec9906] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-8aec9906] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-8aec9906] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-8aec9906],
.orangehrm-dialog-header-container[data-v-8aec9906] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-8aec9906],
.orangehrm-dialog-header-container .oxd-button[data-v-8aec9906] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-8aec9906] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-8aec9906] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-8aec9906] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-8aec9906] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-8aec9906] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-8aec9906] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-8aec9906] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-8aec9906] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-8aec9906] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-8aec9906] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-8aec9906] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-8aec9906] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-8aec9906] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-8aec9906] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-8aec9906] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-8aec9906] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-8aec9906] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-8aec9906] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-8aec9906] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-8aec9906] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-8aec9906] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-8aec9906] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-8aec9906] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-8aec9906] {
  color: #38455d;
}
.orangehrm-form-action[data-v-8aec9906] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-8aec9906] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-8aec9906] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-8aec9906] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-8aec9906] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-8aec9906] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-8aec9906] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-8aec9906] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-8aec9906] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-8aec9906] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-8aec9906] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-8aec9906] {
  padding: 2%;
}
.action-buttons[data-v-8aec9906] {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}
.action-buttons .hidden[data-v-8aec9906] {
  display: none;
}
.orangehrm-paper-container.second[data-v-8aec9906] {
  overflow-x: hidden;
}
.orangehrm-card-container.second[data-v-8aec9906] {
  overflow: hidden;
  padding: 0px;
}
.onLoading[data-v-8aec9906] {
  min-height: 350px;
  max-height: 360px;
}
.columns-container[data-v-8aec9906] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  min-width: 1000px;
}
ul[data-v-8aec9906] {
  padding: 0;
  margin: 0;
  list-style: none;
}
.value[data-v-8aec9906] {
  padding: 0px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
}
.value-description[data-v-8aec9906] {
  padding: 8px 0 4px;
  color: black;
  border: 1px solid rgba(221, 221, 221, 0);
}
.row[data-v-8aec9906] {
  display: flex;
  gap: 20px;
  flex-wrap: nowrap;
}
.column[data-v-8aec9906] {
  flex: 0.5;
  list-style: none;
  padding: 0;
  margin-top: 30px;
}
.empty[data-v-8aec9906] {
  visibility: hidden;
}
.header[data-v-8aec9906] {
  font-weight: bold;
  margin-bottom: 10px;
  min-height: 20px;
  font-size: 14px;
  color: black;
}
.computed-result-container[data-v-8aec9906] {
  display: flex;
  justify-content: flex-end;
  padding-right: 10px;
  margin-top: 10px;
}
.total[data-v-8aec9906] {
  margin: 40px 40px 20px 0;
  font-weight: 900;
  font-size: 16px;
}
.action-buttons-bottom[data-v-8aec9906] {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.action-buttons-bottom .to-modal-buttons[data-v-8aec9906],
.action-buttons-bottom .pagination-buttons[data-v-8aec9906] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
}
.orangehrm-header-container .total[data-v-8aec9906] {
  font-family: "Nunito Sans";
  color: #64728c;
}
.oxd-text[data-v-8aec9906] {
  font-weight: bold;
}
.top-header[data-v-8aec9906] {
  margin-top: 20px;
  margin-bottom: 20px;
}
.lower-header[data-v-8aec9906] {
  margin-top: 30px;
  margin-bottom: 20px;
}
.values[data-v-8aec9906] {
  margin-top: 67px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-container {
  max-height: calc(100vh - 170px);
  overflow: auto;
}
.scrollbar-top {
  overflow-x: auto;
  overflow-y: hidden;
  height: 16px;
  margin-bottom: 4px;
}
.scrollbar-dummy {
  height: 1px;
  min-width: 1000px;
}

.hrp-content[data-v-7cdb076e] {
    padding: 2%;
}
.employees-header-row[data-v-7cdb076e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.register-buttons-container[data-v-7cdb076e] {
    display: flex;
    gap: 10px;
    padding: 0 25px;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    overflow-x: auto;
}
.register-button[data-v-7cdb076e] {
    min-width: 180px;
}
.register-button[data-v-7cdb076e]:last-child {
    min-width: 220px;
}
.orangehrm-container[data-v-7cdb076e] {
    max-height: calc(100vh - 170px);
    overflow: auto;
}
.scrollbar-top[data-v-7cdb076e] {
    overflow-x: auto;
    overflow-y: hidden;
    height: 16px;
    margin-bottom: 4px;
}
.scrollbar-dummy[data-v-7cdb076e] {
    height: 1px;
    min-width: 1000px;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-form-action {
  margin-top: 40px;
}
.toggles-item {
  margin-top: 20px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-paper-container {
  padding: 20px;
}
.orangehrm-paper-container.second {
  margin-top: 20px;
}
.orangehrm-paper-container .header-container {
  margin-bottom: 20px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-65120634] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-65120634] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-65120634] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-65120634] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-65120634] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-65120634] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-65120634] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-65120634] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-65120634] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-65120634]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-65120634] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-65120634] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-65120634] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-65120634] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-65120634] {
  background-image: none !important;
}
.oxd-text--h5[data-v-65120634] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-65120634] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-65120634] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-65120634] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-65120634] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-65120634] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-65120634],
.orangehrm-dialog-header-container[data-v-65120634] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-65120634],
.orangehrm-dialog-header-container .oxd-button[data-v-65120634] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-65120634] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-65120634] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-65120634] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-65120634] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-65120634] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-65120634] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-65120634] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-65120634] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-65120634] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-65120634] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-65120634] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-65120634] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-65120634] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-65120634] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-65120634] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-65120634] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-65120634] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-65120634] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-65120634] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-65120634] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-65120634] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-65120634] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-65120634] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-65120634] {
  color: #38455d;
}
.orangehrm-form-action[data-v-65120634] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-65120634] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-65120634] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-65120634] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-65120634] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-65120634] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-65120634] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-65120634] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-65120634] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-65120634] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-65120634] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-65120634] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-container {
  width: 100%;
  overflow: scroll;
}
.custom-table {
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.table-body {
  display: grid;
  grid-gap: 5px;
  width: 100%;
}
.table-row.body:hover {
  background-color: #f1f3f6;
  box-shadow: 0 2px 8px rgba(100, 114, 140, 0.08);
  transition: background 0.2s, box-shadow 0.2s;
}
.table-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  min-height: 45px;
  min-width: 100%;
}
.table-row.body {
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.table-row.header {
  position: sticky;
  top: -10px;
  background-color: #e8eaef;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
}
.table-row .header__items {
  width: 100%;
  font-weight: 700;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px;
}
.table-row .body__items {
  width: 100%;
}
.table-row td {
  font-weight: 400;
}
.table-row.header__items.hide {
  display: none;
}
.header-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  min-width: 100%;
}
.header-row.body {
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.header-row.header {
  position: sticky;
  top: -10px;
  background-color: #e8eaef;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
}
.header-row .header__items {
  width: 100%;
  font-weight: 700;
  text-align: left;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 5px;
}
.header-row .body__items {
  width: 100%;
}
.header-row td {
  font-weight: 400;
}
.header-row.header__items.hide {
  display: none;
}
.table-column {
  color: #64728c;
  overflow-wrap: break-word;
  word-break: break-word;
  font-family: "Nunito Sans";
  font-size: 0.75rem;
  text-align: left;
  padding-inline: 5px;
}
.table-column:first-child {
  padding-left: 15px;
}
.table-column:last-child {
  padding-right: 15px;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-button {
  padding: 8px 12px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  cursor: pointer;
}
.dropdown-content {
  position: absolute;
  top: 100%; /* Ensure dropdown appears directly below the button */
  right: 0; /* Align to the right */
  background-color: #fff;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 4px;
  z-index: 999; /* Ensure it appears on top */
  list-style: none;
  padding: 0;
  margin: 0;
}
.dropdown-content li {
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.dropdown-content li:hover {
  background-color: #f0f0f0;
}
.dropdown-icon {
  margin-right: 8px;
}
.tooltip-global {
  position: fixed;
  background: #333;
  color: #fff;
  padding: 5px 8px;
  font-size: 0.75rem;
  border-radius: 6px;
  pointer-events: none;
  white-space: nowrap;
  z-index: 9999;
  opacity: 0.9;
}
.custom-status-select {
  width: 100%;
  max-width: 120px; /* make dropdown narrower */
  font-size: 12px; /* smaller font */
}
.custom-status-select .vs__dropdown-toggle {
  height: 28px; /* shorter height */
  padding: 2px 6px;
  border-radius: 4px;
  border-color: #ccc;
}
.custom-status-select .vs__selected {
  margin: 0;
  padding: 0;
}
.custom-status-select .vs__actions {
  display: none; /* removes x/arrow icons if needed */
}
.small-loader {
  width: 14px;
  height: 14px;
  border: 2px solid #ccc;
  border-top-color: #4a90e2; /* or theme color */
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  margin-right: 6px; /* spacing from dropdown arrow */
}
@keyframes spin {
to {
    transform: rotate(360deg);
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-586c81a8] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-586c81a8] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-586c81a8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-586c81a8] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-586c81a8] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-586c81a8] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-586c81a8] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-586c81a8] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-586c81a8] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-586c81a8]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-586c81a8] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-586c81a8] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-586c81a8] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-586c81a8] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-586c81a8] {
  background-image: none !important;
}
.oxd-text--h5[data-v-586c81a8] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-586c81a8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-586c81a8] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-586c81a8] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-586c81a8] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-586c81a8] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-586c81a8],
.orangehrm-dialog-header-container[data-v-586c81a8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-586c81a8],
.orangehrm-dialog-header-container .oxd-button[data-v-586c81a8] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-586c81a8] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-586c81a8] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-586c81a8] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-586c81a8] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-586c81a8] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-586c81a8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-586c81a8] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-586c81a8] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-586c81a8] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-586c81a8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-586c81a8] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-586c81a8] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-586c81a8] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-586c81a8] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-586c81a8] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-586c81a8] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-586c81a8] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-586c81a8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-586c81a8] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-586c81a8] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-586c81a8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-586c81a8] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-586c81a8] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-586c81a8] {
  color: #38455d;
}
.orangehrm-form-action[data-v-586c81a8] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-586c81a8] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-586c81a8] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-586c81a8] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-586c81a8] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-586c81a8] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-height[data-v-586c81a8] {
  max-height: calc(100vh - 170px);
  overflow: auto;
  overflow-x: hidden;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-7da611e6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-7da611e6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-7da611e6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-7da611e6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-7da611e6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-7da611e6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-7da611e6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-7da611e6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-7da611e6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-7da611e6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-7da611e6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-7da611e6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-7da611e6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-7da611e6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-7da611e6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-7da611e6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-7da611e6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-7da611e6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-7da611e6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-7da611e6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-7da611e6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-7da611e6],
.orangehrm-dialog-header-container[data-v-7da611e6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-7da611e6],
.orangehrm-dialog-header-container .oxd-button[data-v-7da611e6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-7da611e6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-7da611e6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-7da611e6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-7da611e6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-7da611e6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-7da611e6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-7da611e6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-7da611e6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-7da611e6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-7da611e6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-7da611e6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-7da611e6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-7da611e6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-7da611e6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-7da611e6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-7da611e6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-7da611e6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-7da611e6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-7da611e6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-7da611e6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-7da611e6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-7da611e6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-7da611e6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-7da611e6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-7da611e6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-7da611e6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-7da611e6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-7da611e6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-7da611e6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-7da611e6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.section-wrapper[data-v-7da611e6] {
  background: #fafafa;
  padding: 15px;
  border-radius: 8px;
  margin-bottom: 20px;
  border: 1px solid #e5e5e5;
}
.section-title[data-v-7da611e6] {
  margin-bottom: 10px;
  font-weight: 600;
}
.row-header[data-v-7da611e6] {
  display: flex;
  padding: 6px 0;
  margin-bottom: 8px;
  border-bottom: 1px solid #ddd;
  font-size: 13px;
  font-weight: bold;
  color: #555;
}
.form-row[data-v-7da611e6] {
  display: flex;
  gap: 10px;
  padding: 0px 0;
  align-items: center;
}
.col[data-v-7da611e6] {
  flex: 1;
}
.col-action[data-v-7da611e6] {
  width: 40px;
  text-align: center;
}
.delete-btn[data-v-7da611e6] {
  background: none;
  border: none;
  color: #c00;
  font-size: 22px;
  cursor: pointer;
  padding: 0;
  line-height: 1;
}
.add-row-btn[data-v-7da611e6] {
  margin-top: 10px;
}
.custom-sub-tabs[data-v-7da611e6] {
  display: flex;
  gap: 20px;
  border-bottom: 1px solid #e1e3e5;
  padding-bottom: 6px;
  margin-bottom: 15px;
}
.custom-sub-tabs .sub-tab[data-v-7da611e6] {
  background: none;
  border: none;
  padding: 6px 0;
  font-size: 14px;
  cursor: pointer;
  color: #6b6b6b;
  transition: 0.2s;
  border-bottom: 2px solid transparent;
}
.custom-sub-tabs .sub-tab[data-v-7da611e6]:hover {
  color: #2c6cff;
}
.custom-sub-tabs .sub-tab.active[data-v-7da611e6] {
  color: #2c6cff;
  border-bottom: 2px solid #2c6cff;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-1a421451] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-1a421451] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-1a421451] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-1a421451] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-1a421451] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-1a421451] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-1a421451] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-1a421451] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-1a421451] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-1a421451]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-1a421451] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-1a421451] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-1a421451] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-1a421451] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-1a421451] {
  background-image: none !important;
}
.oxd-text--h5[data-v-1a421451] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-1a421451] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-1a421451] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-1a421451] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-1a421451] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-1a421451] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-1a421451],
.orangehrm-dialog-header-container[data-v-1a421451] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-1a421451],
.orangehrm-dialog-header-container .oxd-button[data-v-1a421451] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-1a421451] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-1a421451] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-1a421451] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-1a421451] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-1a421451] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-1a421451] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-1a421451] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-1a421451] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-1a421451] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-1a421451] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-1a421451] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-1a421451] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-1a421451] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-1a421451] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-1a421451] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-1a421451] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-1a421451] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-1a421451] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-1a421451] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-1a421451] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-1a421451] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-1a421451] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-1a421451] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-1a421451] {
  color: #38455d;
}
.orangehrm-form-action[data-v-1a421451] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-1a421451] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-1a421451] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-1a421451] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-1a421451] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-1a421451] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.preview-container[data-v-1a421451] {
  background: #f5f7fa;
  padding: 25px;
  border-radius: 6px;
  font-family: Nunito Sans;
}
.columns[data-v-1a421451] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 30px;
}
.column[data-v-1a421451] {
  width: 45%;
}
.section-title[data-v-1a421451] {
  font-weight: 600;
  color: #333;
}
.preview-row[data-v-1a421451] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}
.label[data-v-1a421451] {
  color: #555;
}
.value[data-v-1a421451] {
  color: #555;
}
.faded[data-v-1a421451] {
  color: #888;
  font-style: italic;
}
.totals[data-v-1a421451] {
  margin-top: 20px;
  width: 100%;
}
.total-row[data-v-1a421451] {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  color: #333;
}
.total-row.final[data-v-1a421451] {
  font-weight: bold;
  font-size: 16px;
  margin-top: 12px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-021644af] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-021644af] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-021644af] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-021644af] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-021644af] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-021644af] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-021644af] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-021644af] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-021644af] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-021644af]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-021644af] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-021644af] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-021644af] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-021644af] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-021644af] {
  background-image: none !important;
}
.oxd-text--h5[data-v-021644af] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-021644af] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-021644af] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-021644af] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-021644af] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-021644af] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-021644af],
.orangehrm-dialog-header-container[data-v-021644af] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-021644af],
.orangehrm-dialog-header-container .oxd-button[data-v-021644af] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-021644af] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-021644af] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-021644af] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-021644af] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-021644af] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-021644af] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-021644af] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-021644af] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-021644af] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-021644af] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-021644af] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-021644af] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-021644af] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-021644af] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-021644af] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-021644af] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-021644af] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-021644af] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-021644af] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-021644af] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-021644af] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-021644af] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-021644af] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-021644af] {
  color: #38455d;
}
.orangehrm-form-action[data-v-021644af] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-021644af] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-021644af] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-021644af] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-021644af] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-021644af] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.dailog-disbursement-style[data-v-021644af] {
  width: clamp(450px, 100%, 700px);
}
.dailog-custom-style[data-v-021644af] {
  width: clamp(450px, 100%, 700px);
}
.dailog-custom-style .printable-payslip[data-v-021644af] {
  position: absolute;
  top: -99999px;
}
.orangehrm-height[data-v-021644af] {
  max-height: calc(100vh - 170px);
  overflow: auto;
  overflow-x: hidden;
}
.tabs-header[data-v-021644af] {
  display: flex;
  border-bottom: 1px solid #ddd;
}
.tabs-header button[data-v-021644af] {
  padding: 0.5rem 1rem;
  background: #f7f7f7;
  border: none;
  cursor: pointer;
  border-bottom: 0px solid transparent;
  margin-right: 0.5rem;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tabs-header button.active[data-v-021644af] {
  border-bottom: 2px solid var(--oxd-primary-one-color);
  color: var(--oxd-primary-one-color);
  font-weight: bold;
}
.tab-button[data-v-021644af] {
  border: 1px solid gray;
}
.tabs-content[data-v-021644af] {
  padding: 1rem 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-44af1a36] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-44af1a36] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-44af1a36] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-44af1a36] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-44af1a36] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-44af1a36] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-44af1a36] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-44af1a36] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-44af1a36] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-44af1a36]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-44af1a36] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-44af1a36] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-44af1a36] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-44af1a36] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-44af1a36] {
  background-image: none !important;
}
.oxd-text--h5[data-v-44af1a36] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-44af1a36] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-44af1a36] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-44af1a36] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-44af1a36] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-44af1a36] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-44af1a36],
.orangehrm-dialog-header-container[data-v-44af1a36] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-44af1a36],
.orangehrm-dialog-header-container .oxd-button[data-v-44af1a36] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-44af1a36] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-44af1a36] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-44af1a36] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-44af1a36] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-44af1a36] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-44af1a36] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-44af1a36] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-44af1a36] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-44af1a36] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-44af1a36] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-44af1a36] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-44af1a36] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-44af1a36] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-44af1a36] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-44af1a36] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-44af1a36] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-44af1a36] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-44af1a36] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-44af1a36] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-44af1a36] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-44af1a36] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-44af1a36] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-44af1a36] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-44af1a36] {
  color: #38455d;
}
.orangehrm-form-action[data-v-44af1a36] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-44af1a36] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-44af1a36] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-44af1a36] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-44af1a36] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-44af1a36] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.document-request-form[data-v-44af1a36] {
  padding: 1rem;
}
.document-request-form .orangehrm-form-title[data-v-44af1a36] {
  margin-bottom: 1.5rem;
  color: var(--oxd-primary-one-color);
}
.document-request-form .oxd-form-row[data-v-44af1a36] {
  margin-bottom: 1rem;
}
.document-request-form .oxd-textarea[data-v-44af1a36] {
  min-height: 100px;
}
.document-request-form .orangehrm-main-title[data-v-44af1a36] {
  margin-bottom: 1rem;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6764aa6a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6764aa6a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6764aa6a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6764aa6a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6764aa6a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6764aa6a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6764aa6a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6764aa6a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6764aa6a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6764aa6a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6764aa6a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6764aa6a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6764aa6a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6764aa6a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6764aa6a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6764aa6a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6764aa6a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6764aa6a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6764aa6a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6764aa6a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6764aa6a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6764aa6a],
.orangehrm-dialog-header-container[data-v-6764aa6a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6764aa6a],
.orangehrm-dialog-header-container .oxd-button[data-v-6764aa6a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6764aa6a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6764aa6a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6764aa6a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6764aa6a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6764aa6a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6764aa6a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6764aa6a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6764aa6a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6764aa6a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6764aa6a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6764aa6a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6764aa6a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6764aa6a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6764aa6a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6764aa6a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6764aa6a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6764aa6a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6764aa6a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6764aa6a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6764aa6a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6764aa6a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6764aa6a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6764aa6a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6764aa6a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6764aa6a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6764aa6a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6764aa6a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6764aa6a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6764aa6a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6764aa6a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-height[data-v-6764aa6a] {
  max-height: calc(100vh - 170px);
  overflow: auto;
  overflow-x: hidden;
}

/* Original styles */
.orangehrm-request-modal[data-v-6764aa6a] {
  padding: 1rem;
}
.tabs-header[data-v-6764aa6a] {
  display: flex;
  border-bottom: 1px solid #ddd;
}
.tabs-header button[data-v-6764aa6a] {
  padding: 0.5rem 1rem;
  background: #f7f7f7;
  border: none;
  cursor: pointer;
  border-bottom: 0px solid transparent;
  margin-right: 0.5rem;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tabs-header button.active[data-v-6764aa6a] {
  border-bottom: 2px solid var(--oxd-primary-one-color);
  color: var(--oxd-primary-one-color);
  font-weight: bold;
}
.tab-button[data-v-6764aa6a] {
  border: 1px solid gray;
}
.tabs-content[data-v-6764aa6a] {
  padding: 1rem 0;
}

.past-employee-tag[data-v-9853f948] {
  margin-left: auto;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-08ac08aa] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-08ac08aa] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-08ac08aa] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-08ac08aa] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-08ac08aa] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-08ac08aa] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-08ac08aa] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-08ac08aa] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-08ac08aa] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-08ac08aa]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-08ac08aa] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-08ac08aa] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-08ac08aa] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-08ac08aa] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-08ac08aa] {
  background-image: none !important;
}
.oxd-text--h5[data-v-08ac08aa] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-08ac08aa] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-08ac08aa] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-08ac08aa] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-08ac08aa] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-08ac08aa] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-08ac08aa],
.orangehrm-dialog-header-container[data-v-08ac08aa] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-08ac08aa],
.orangehrm-dialog-header-container .oxd-button[data-v-08ac08aa] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-08ac08aa] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-08ac08aa] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-08ac08aa] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-08ac08aa] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-08ac08aa] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-08ac08aa] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-08ac08aa] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-08ac08aa] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-08ac08aa] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-08ac08aa] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-08ac08aa] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-08ac08aa] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-08ac08aa] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-08ac08aa] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-08ac08aa] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-08ac08aa] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-08ac08aa] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-08ac08aa] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-08ac08aa] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-08ac08aa] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-08ac08aa] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-08ac08aa] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-08ac08aa] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-08ac08aa] {
  color: #38455d;
}
.orangehrm-form-action[data-v-08ac08aa] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-08ac08aa] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-08ac08aa] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-08ac08aa] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-08ac08aa] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-08ac08aa] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-height[data-v-08ac08aa] {
  max-height: calc(100vh - 170px);
  overflow: auto;
  overflow-x: hidden;
}

/* Original styles */
.orangehrm-request-modal[data-v-08ac08aa] {
  padding: 1rem;
}
.small-loader[data-v-08ac08aa] {
  width: 14px;
  height: 14px;
  border: 2px solid #ccc;
  border-top-color: #4a90e2; /* or theme color */
  border-radius: 50%;
  animation: spin-08ac08aa 0.6s linear infinite;
  margin-right: 6px; /* spacing from dropdown arrow */
}
@keyframes spin-08ac08aa {
to {
    transform: rotate(360deg);
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3661785a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3661785a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3661785a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3661785a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3661785a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3661785a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3661785a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3661785a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3661785a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3661785a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3661785a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3661785a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3661785a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3661785a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3661785a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3661785a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3661785a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3661785a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3661785a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3661785a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3661785a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3661785a],
.orangehrm-dialog-header-container[data-v-3661785a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3661785a],
.orangehrm-dialog-header-container .oxd-button[data-v-3661785a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3661785a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3661785a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3661785a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3661785a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3661785a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3661785a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3661785a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3661785a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3661785a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3661785a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3661785a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3661785a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3661785a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3661785a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3661785a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3661785a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3661785a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3661785a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3661785a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3661785a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3661785a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3661785a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3661785a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3661785a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3661785a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3661785a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3661785a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3661785a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3661785a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3661785a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-height[data-v-3661785a] {
  max-height: calc(100vh - 170px);
  overflow: auto;
  overflow-x: hidden;
}

/* Original styles */
.orangehrm-request-modal[data-v-3661785a] {
  padding: 1rem;
}
.tabs-header[data-v-3661785a] {
  display: flex;
  border-bottom: 1px solid #ddd;
}
.tabs-header button[data-v-3661785a] {
  padding: 0.5rem 1rem;
  background: #f7f7f7;
  border: none;
  cursor: pointer;
  border-bottom: 0px solid transparent;
  margin-right: 0.5rem;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.tabs-header button.active[data-v-3661785a] {
  border-bottom: 2px solid var(--oxd-primary-one-color);
  color: var(--oxd-primary-one-color);
  font-weight: bold;
}
.tab-button[data-v-3661785a] {
  border: 1px solid gray;
}
.tabs-content[data-v-3661785a] {
  padding: 1rem 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-e2d3ecbc] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-e2d3ecbc] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-e2d3ecbc] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-e2d3ecbc] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-e2d3ecbc] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-e2d3ecbc] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-e2d3ecbc] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-e2d3ecbc] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-e2d3ecbc] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-e2d3ecbc]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-e2d3ecbc] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-e2d3ecbc] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-e2d3ecbc] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-e2d3ecbc] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-e2d3ecbc] {
  background-image: none !important;
}
.oxd-text--h5[data-v-e2d3ecbc] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-e2d3ecbc] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-e2d3ecbc] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-e2d3ecbc] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-e2d3ecbc] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-e2d3ecbc] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-e2d3ecbc],
.orangehrm-dialog-header-container[data-v-e2d3ecbc] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-e2d3ecbc],
.orangehrm-dialog-header-container .oxd-button[data-v-e2d3ecbc] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-e2d3ecbc] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-e2d3ecbc] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-e2d3ecbc] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-e2d3ecbc] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-e2d3ecbc] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-e2d3ecbc] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-e2d3ecbc] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-e2d3ecbc] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-e2d3ecbc] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-e2d3ecbc] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-e2d3ecbc] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-e2d3ecbc] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-e2d3ecbc] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-e2d3ecbc] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-e2d3ecbc] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-e2d3ecbc] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-e2d3ecbc] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-e2d3ecbc] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-e2d3ecbc] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-e2d3ecbc] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-e2d3ecbc] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-e2d3ecbc] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-e2d3ecbc] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-e2d3ecbc] {
  color: #38455d;
}
.orangehrm-form-action[data-v-e2d3ecbc] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-e2d3ecbc] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-e2d3ecbc] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-e2d3ecbc] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-e2d3ecbc] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-e2d3ecbc] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-e2d3ecbc] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-e2d3ecbc] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-e2d3ecbc] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-e2d3ecbc] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-e2d3ecbc] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-e2d3ecbc] {
  padding: 2%;
}
.action-buttons[data-v-e2d3ecbc] {
  display: flex;
  gap: 10px;
}
.action-buttons .hidden[data-v-e2d3ecbc] {
  display: none;
}
.orangehrm-paper-container.second[data-v-e2d3ecbc] {
  overflow-x: hidden;
}
.orangehrm-container[data-v-e2d3ecbc] {
  position: relative;
  overflow: scroll;
  max-height: calc(100vh - 250px);
}
.orangehrm-container.onLoading[data-v-e2d3ecbc] {
  min-height: 350px;
}
.action-buttons-bottom[data-v-e2d3ecbc] {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
}
.action-buttons-bottom .to-modal-buttons[data-v-e2d3ecbc],
.action-buttons-bottom .pagination-buttons[data-v-e2d3ecbc] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
}
.orangehrm-header-container .total-header .total[data-v-e2d3ecbc] {
  align-self: center;
  font-family: "Nunito Sans";
  color: #64728c;
}
.total-header[data-v-e2d3ecbc] {
  display: flex;
  gap: 20px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-233a3ea7] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-233a3ea7] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-233a3ea7] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-233a3ea7] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-233a3ea7] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-233a3ea7] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-233a3ea7] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-233a3ea7] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-233a3ea7] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-233a3ea7]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-233a3ea7] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-233a3ea7] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-233a3ea7] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-233a3ea7] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-233a3ea7] {
  background-image: none !important;
}
.oxd-text--h5[data-v-233a3ea7] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-233a3ea7] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-233a3ea7] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-233a3ea7] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-233a3ea7] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-233a3ea7] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-233a3ea7],
.orangehrm-dialog-header-container[data-v-233a3ea7] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-233a3ea7],
.orangehrm-dialog-header-container .oxd-button[data-v-233a3ea7] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-233a3ea7] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-233a3ea7] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-233a3ea7] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-233a3ea7] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-233a3ea7] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-233a3ea7] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-233a3ea7] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-233a3ea7] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-233a3ea7] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-233a3ea7] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-233a3ea7] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-233a3ea7] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-233a3ea7] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-233a3ea7] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-233a3ea7] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-233a3ea7] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-233a3ea7] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-233a3ea7] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-233a3ea7] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-233a3ea7] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-233a3ea7] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-233a3ea7] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-233a3ea7] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-233a3ea7] {
  color: #38455d;
}
.orangehrm-form-action[data-v-233a3ea7] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-233a3ea7] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-233a3ea7] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-233a3ea7] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-233a3ea7] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-233a3ea7] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* top bar navigation */
.top-bar-navi[data-v-233a3ea7] {
  background-color: #fff;
  position: fixed;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -60px;
  margin-left: 0;
  z-index: 210;
}
.top-flex-box[data-v-233a3ea7] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.top-flex-item[data-v-233a3ea7] {
  flex-grow: 0;
  flex-shrink: 1;
}
.top-bar-navi ul[data-v-233a3ea7] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.top-flex-item a[data-v-233a3ea7] {
  font-size: 12px;
  color: #034ea2;
  height: 35px;
  min-width: 100px;
  cursor: pointer;
  padding: 10px;
  text-decoration: none;
  border-radius: 0.85rem;
  font-family: Nunito Sans;
  font-size: 12px;
  font-weight: 600;
  background-color: #f8f9fa;
}
.top-flex-item a[data-v-233a3ea7]:hover {
  background-color: rgba(3, 78, 162, 0.1);
}

/* top bar navigation */
/* widths and heights */
.w25[data-v-233a3ea7] {
  width: 24% !important;
}
.w30[data-v-233a3ea7] {
  width: 200px !important;
}
.w50[data-v-233a3ea7] {
  width: 50%;
}
.w100[data-v-233a3ea7] {
  width: 100%;
}
.h60[data-v-233a3ea7] {
  height: 60px;
}
.h40[data-v-233a3ea7] {
  height: 40px;
}

/* input types */
.textarea-box[data-v-233a3ea7] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  border: #cecece solid 1px;
}
.select-type[data-v-233a3ea7] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 10px;
  border: #cecece solid 1px;
}
.text-type[data-v-233a3ea7] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  width: 100%;
  border: #cecece solid 1px;
}

/* buttons */
.btn[data-v-233a3ea7] {
  float: right;
  display: inline-block;
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 32px;
  padding-left: 32px;
  min-width: 100px;
  background-color: #f58a20;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  min-width: 100px;
  border: 0px;
  cursor: pointer;
}
.edit-btn[data-v-233a3ea7] {
  border: 0;
  cursor: pointer;
  background-color: transparent;
  margin-top: 12px;
}
.btn-2[data-v-233a3ea7] {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 0;
  height: 34px;
  background-color: #eee;
}

/* Content Box */
.content-container[data-v-233a3ea7] {
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 20px;
  margin-bottom: 20px;
}
.card[data-v-233a3ea7] {
  display: flex;
}

/* paddings */
.padding-0[data-v-233a3ea7] {
  width: 100%;
  padding: 0;
}
.padding-1[data-v-233a3ea7] {
  width: 98%;
  padding: 1%;
}
.padding-2[data-v-233a3ea7] {
  padding: 5px 0 5px 0;
}
.padding-3[data-v-233a3ea7] {
  padding: 10px;
}
.padding-top-20[data-v-233a3ea7] {
  padding-top: 20px;
}
.padding-10[data-v-233a3ea7] {
  padding: 10px;
}

/* flex cols and rows */
.flx-cols[data-v-233a3ea7] {
  flex-direction: column;
}
.flx-row[data-v-233a3ea7] {
  flex-direction: row;
}
.flx-align[data-v-233a3ea7] {
  align-items: center;
}

/* box layouts */
.card-content[data-v-233a3ea7] {
  flex-grow: 1;
}
.header-box[data-v-233a3ea7] {
  text-align: left;
}
.form-box[data-v-233a3ea7] {
  text-align: right;
}
.text-label[data-v-233a3ea7] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.main-title p[data-v-233a3ea7] {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #64728c;
}
.divider[data-v-233a3ea7] {
  border: 0;
  border-top: 1px solid #e8eaef;
}
.label-text[data-v-233a3ea7] {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #64728c;
}

/* list box */
.tbl-row[data-v-233a3ea7] {
  width: 100%;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.tbl-row .table-header li[data-v-233a3ea7] {
  color: #fff;
}
.table-header[data-v-233a3ea7] {
  display: flex;
}
.list-box[data-v-233a3ea7] {
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #e8eaef;
  padding: 0.5rem;
}
.list-box ul[data-v-233a3ea7] {
  padding: 0;
  margin: 0;
  list-style: none;
}
.list-box li[data-v-233a3ea7] {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 12px;
  color: #64728c;
}
.list-box .chk-box[data-v-233a3ea7] {
  width: 18px;
  border: 0;
}
.tbl-row li input[data-v-233a3ea7] {
  border: #fff 1px solid !important;
}
.btn-icon[data-v-233a3ea7] {
  margin: 4px;
  border-radius: 50%;
  padding: 5px;
  background-color: #cccccc;
  border: 0;
}

/* Employee Loans */
.budget-loanable[data-v-233a3ea7] {
  display: flex;
}
.budget-box[data-v-233a3ea7] {
  background-color: #e8eaef;
  width: 260px;
  padding: 10px;
  border-radius: 20px;
  color: #999;
  margin-right: 5px;
}
.loanable-box[data-v-233a3ea7] {
  background-color: #e8eaef;
  width: 260px;
  padding: 10px;
  border-radius: 20px;
  color: #999;
  margin-right: 5px;
}
.flx-basis[data-v-233a3ea7] {
  flex-basis: auto;
  flex-shrink: 1;
}
.budget-loanable-box[data-v-233a3ea7] {
  display: flex;
  width: 98%;
  padding: 1%;
  margin-top: 10px;
  border-radius: 20px;
  background-color: #e8eaef;
}
.label-text[data-v-233a3ea7] {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 50%;
  padding: 10px;
}
.margin-gap[data-v-233a3ea7] {
  margin-right: 10px;
}
.editable-box[data-v-233a3ea7] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.editable-box p[data-v-233a3ea7] {
  font-size: 14px;
}
.loan-flex-box[data-v-233a3ea7] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.loan-flex-item[data-v-233a3ea7] {
  flex-grow: 1;
  flex-shrink: 1;
}
.amt-box-edit[data-v-233a3ea7] {
  height: 40px;
  padding: 0 0 0 10px;
}

/* white box */
.wht-box[data-v-233a3ea7] {
  background-color: #fff;
  border-radius: 20px;
}

/* Gray box */
.gry-flex-box[data-v-233a3ea7] {
  display: flex;
  width: 98%;
  padding: 1%;
  margin-top: 10px;
  border-radius: 20px;
  background-color: #e8eaef;
}

/*flex table */
.flex-box[data-v-233a3ea7] {
  display: flex;
  flex-wrap: wrap;
}
.flex-item[data-v-233a3ea7] {
  flex-grow: 1;
  flex-shrink: 1;
}
.header-text[data-v-233a3ea7] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #64728c;
}
.label-text-14[data-v-233a3ea7] {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.tbl-container[data-v-233a3ea7] {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border-radius: 20px;
}
.tbl-box[data-v-233a3ea7] {
  display: flex;
  width: 98%;
  flex-wrap: nowrap;
  margin: 10px;
}
.tbl-col[data-v-233a3ea7] {
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
}
.tbl-chk[data-v-233a3ea7] {
  width: 8px;
  height: 8px;
  margin: 8px 5px 0 0;
}
.tbl-no-border[data-v-233a3ea7] {
  border: 0;
}
.tbl-w-border[data-v-233a3ea7] {
  border: 1px solid #cdcdcd;
}
.table-box[data-v-233a3ea7] {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
  border-spacing: 0;
  max-height: 480px;
  color: #666;
}
.table-box-int[data-v-233a3ea7] {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
  border-spacing: 0;
  max-height: 480px;
  color: #666;
}
.table-box td[data-v-233a3ea7] {
  width: 20%;
  border-style: solid;
  border-color: #f0f0f0;
}
.table-headers[data-v-233a3ea7] {
  font-weight: 600;
  font-size: 14px;
}
.table-values[data-v-233a3ea7] {
  font-size: 12px;
  text-align: right;
}
.device-tbl[data-v-233a3ea7] {
  width: 98%;
  margin: auto;
}
.device-header[data-v-233a3ea7] {
  font-size: 14px;
  padding: 8px;
  background-color: #cdcdcd;
}
.device-data[data-v-233a3ea7] {
  background-color: #ececec;
  font-size: 12px;
  padding: 8px;
  border: 0;
  color: #999;
}
.i-padding[data-v-233a3ea7] {
  margin: 2px;
}
.align-center[data-v-233a3ea7] {
  text-align: center;
}
.nxt-prv[data-v-233a3ea7] {
  font-size: 16px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3cf93ce9] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3cf93ce9] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3cf93ce9] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3cf93ce9] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3cf93ce9] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3cf93ce9] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3cf93ce9] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3cf93ce9] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3cf93ce9] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3cf93ce9]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3cf93ce9] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3cf93ce9] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3cf93ce9] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3cf93ce9] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3cf93ce9] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3cf93ce9] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3cf93ce9] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3cf93ce9] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3cf93ce9] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3cf93ce9] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3cf93ce9] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3cf93ce9],
.orangehrm-dialog-header-container[data-v-3cf93ce9] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3cf93ce9],
.orangehrm-dialog-header-container .oxd-button[data-v-3cf93ce9] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3cf93ce9] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3cf93ce9] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3cf93ce9] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3cf93ce9] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3cf93ce9] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3cf93ce9] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3cf93ce9] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3cf93ce9] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3cf93ce9] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3cf93ce9] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3cf93ce9] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3cf93ce9] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3cf93ce9] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3cf93ce9] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3cf93ce9] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3cf93ce9] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3cf93ce9] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3cf93ce9] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3cf93ce9] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3cf93ce9] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3cf93ce9] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3cf93ce9] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3cf93ce9] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3cf93ce9] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3cf93ce9] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3cf93ce9] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3cf93ce9] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3cf93ce9] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3cf93ce9] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3cf93ce9] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-container[data-v-3cf93ce9] {
  max-height: calc(100vh - 170px);
  overflow: auto;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-79475fa8] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-79475fa8] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-79475fa8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-79475fa8] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-79475fa8] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-79475fa8] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-79475fa8] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-79475fa8] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-79475fa8] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-79475fa8]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-79475fa8] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-79475fa8] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-79475fa8] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-79475fa8] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-79475fa8] {
  background-image: none !important;
}
.oxd-text--h5[data-v-79475fa8] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-79475fa8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-79475fa8] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-79475fa8] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-79475fa8] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-79475fa8] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-79475fa8],
.orangehrm-dialog-header-container[data-v-79475fa8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-79475fa8],
.orangehrm-dialog-header-container .oxd-button[data-v-79475fa8] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-79475fa8] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-79475fa8] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-79475fa8] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-79475fa8] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-79475fa8] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-79475fa8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-79475fa8] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-79475fa8] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-79475fa8] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-79475fa8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-79475fa8] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-79475fa8] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-79475fa8] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-79475fa8] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-79475fa8] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-79475fa8] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-79475fa8] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-79475fa8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-79475fa8] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-79475fa8] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-79475fa8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-79475fa8] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-79475fa8] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-79475fa8] {
  color: #38455d;
}
.orangehrm-form-action[data-v-79475fa8] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-79475fa8] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-79475fa8] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-79475fa8] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-79475fa8] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-79475fa8] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.attendance-history-modal .orangehrm-modal-header[data-v-79475fa8] {
  padding: 1.5rem 2rem 1rem;
}
.attendance-history-modal .orangehrm-modal-header .header-content[data-v-79475fa8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.attendance-history-modal .orangehrm-modal-header .header-content .title-section[data-v-79475fa8] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.attendance-history-modal .orangehrm-modal-header .header-content .title-section .header-icon[data-v-79475fa8] {
  color: #3b82f6;
  font-size: 1.5rem;
}
.attendance-history-modal .orangehrm-modal-header .header-content .title-section .orangehrm-main-title[data-v-79475fa8] {
  margin: 0;
  color: #1f2937;
  font-weight: 600;
}
.attendance-history-modal .orangehrm-modal-header .header-content .stats-section .stat-item[data-v-79475fa8] {
  text-align: center;
}
.attendance-history-modal .orangehrm-modal-header .header-content .stats-section .stat-item .stat-number[data-v-79475fa8] {
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  color: #3b82f6;
  line-height: 1;
}
.attendance-history-modal .orangehrm-modal-header .header-content .stats-section .stat-item .stat-label[data-v-79475fa8] {
  font-size: 0.875rem;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.attendance-history-modal .orangehrm-modal-content[data-v-79475fa8] {
  max-height: 75vh;
  overflow-y: auto;
  padding: 0 2rem;
}
.attendance-history-modal .filter-section[data-v-79475fa8] {
  margin-bottom: 2rem;
  padding: 1.5rem;
  background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}
.attendance-history-modal .filter-section .filter-actions[data-v-79475fa8] {
  display: flex;
  gap: 0.75rem;
  align-items: end;
}
.attendance-history-modal .filter-section .filter-actions .search-btn[data-v-79475fa8] {
  flex: 1;
}
.attendance-history-modal .summary-section[data-v-79475fa8] {
  margin-bottom: 2rem;
}
.attendance-history-modal .summary-section .summary-cards[data-v-79475fa8] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
.attendance-history-modal .summary-section .summary-cards .summary-card[data-v-79475fa8] {
  display: flex;
  align-items: center;
  gap: 1rem;
  padding: 1.25rem;
  border-radius: 12px;
  border: 1px solid;
  transition: all 0.2s ease;
}
.attendance-history-modal .summary-section .summary-cards .summary-card[data-v-79475fa8]:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.attendance-history-modal .summary-section .summary-cards .summary-card .summary-icon[data-v-79475fa8] {
  font-size: 2rem;
}
.attendance-history-modal .summary-section .summary-cards .summary-card .summary-content[data-v-79475fa8] {
  display: flex;
  flex-direction: column;
}
.attendance-history-modal .summary-section .summary-cards .summary-card .summary-content .summary-number[data-v-79475fa8] {
  font-size: 1.75rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 0.25rem;
}
.attendance-history-modal .summary-section .summary-cards .summary-card .summary-content .summary-label[data-v-79475fa8] {
  font-size: 0.875rem;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.attendance-history-modal .summary-section .summary-cards .summary-card.pending[data-v-79475fa8] {
  background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
  border-color: #f59e0b;
}
.attendance-history-modal .summary-section .summary-cards .summary-card.pending .summary-icon[data-v-79475fa8] {
  color: #f59e0b;
}
.attendance-history-modal .summary-section .summary-cards .summary-card.pending .summary-number[data-v-79475fa8] {
  color: #d97706;
}
.attendance-history-modal .summary-section .summary-cards .summary-card.pending .summary-label[data-v-79475fa8] {
  color: #92400e;
}
.attendance-history-modal .summary-section .summary-cards .summary-card.approved[data-v-79475fa8] {
  background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
  border-color: #10b981;
}
.attendance-history-modal .summary-section .summary-cards .summary-card.approved .summary-icon[data-v-79475fa8] {
  color: #10b981;
}
.attendance-history-modal .summary-section .summary-cards .summary-card.approved .summary-number[data-v-79475fa8] {
  color: #059669;
}
.attendance-history-modal .summary-section .summary-cards .summary-card.approved .summary-label[data-v-79475fa8] {
  color: #047857;
}
.attendance-history-modal .summary-section .summary-cards .summary-card.declined[data-v-79475fa8] {
  background: linear-gradient(135deg, #fee2e2 0%, #fecaca 100%);
  border-color: #ef4444;
}
.attendance-history-modal .summary-section .summary-cards .summary-card.declined .summary-icon[data-v-79475fa8] {
  color: #ef4444;
}
.attendance-history-modal .summary-section .summary-cards .summary-card.declined .summary-number[data-v-79475fa8] {
  color: #dc2626;
}
.attendance-history-modal .summary-section .summary-cards .summary-card.declined .summary-label[data-v-79475fa8] {
  color: #b91c1c;
}
.attendance-history-modal .history-table-section[data-v-79475fa8] {
  min-height: 400px;
}
.attendance-history-modal .history-table-section .loading-container[data-v-79475fa8] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  gap: 1rem;
}
.attendance-history-modal .history-table-section .loading-container .loading-text[data-v-79475fa8] {
  color: #6b7280;
  font-size: 1rem;
}
.attendance-history-modal .history-table-section .no-data-container[data-v-79475fa8] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  gap: 1rem;
  text-align: center;
}
.attendance-history-modal .history-table-section .no-data-container .no-data-icon[data-v-79475fa8] {
  font-size: 4rem;
  color: #d1d5db;
}
.attendance-history-modal .history-table-section .no-data-container .no-data-title[data-v-79475fa8] {
  color: #374151;
  font-weight: 600;
  margin: 0;
}
.attendance-history-modal .history-table-section .no-data-container .no-data-subtitle[data-v-79475fa8] {
  color: #6b7280;
  max-width: 400px;
  line-height: 1.5;
}
.attendance-history-modal .history-table-section .no-data-container .clear-filters-btn[data-v-79475fa8] {
  margin-top: 0.5rem;
}
.attendance-history-modal .history-table-section .table-container .table-header[data-v-79475fa8] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  padding: 0 0.5rem;
}
.attendance-history-modal .history-table-section .table-container .table-header .table-title[data-v-79475fa8] {
  color: #374151;
  font-weight: 600;
  margin: 0;
}
.attendance-history-modal .orangehrm-modal-footer[data-v-79475fa8] {
  display: flex;
  justify-content: flex-end;
  gap: 1rem;
  padding: 1.5rem 2rem;
  background-color: #f9fafb;
  border-top: 1px solid #e5e7eb;
}
[data-v-79475fa8] .attendance-history-table .oxd-table-card {
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
}
[data-v-79475fa8] .attendance-history-table .oxd-table-card:hover {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  border-color: #3b82f6;
}
[data-v-79475fa8] .attendance-history-table .oxd-table-card .oxd-table-cell {
  padding: 1rem;
  vertical-align: middle;
}
[data-v-79475fa8] .attendance-history-table .oxd-table-card .status-pending {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  background-color: #fef3c7;
  color: #d97706;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
[data-v-79475fa8] .attendance-history-table .oxd-table-card .status-approved {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  background-color: #d1fae5;
  color: #059669;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
[data-v-79475fa8] .attendance-history-table .oxd-table-card .status-declined {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 0.75rem;
  background-color: #fee2e2;
  color: #dc2626;
  border-radius: 20px;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
@media (max-width: 768px) {
.attendance-history-modal .orangehrm-modal-header .header-content[data-v-79475fa8] {
    flex-direction: column;
    gap: 1rem;
    text-align: center;
}
.attendance-history-modal .summary-section .summary-cards[data-v-79475fa8] {
    grid-template-columns: 1fr;
}
.attendance-history-modal .filter-section .filter-actions[data-v-79475fa8] {
    flex-direction: column;
}
.attendance-history-modal .filter-section .filter-actions .search-btn[data-v-79475fa8] {
    width: 100%;
}
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-13c191e6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-13c191e6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-13c191e6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-13c191e6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-13c191e6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-13c191e6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-13c191e6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-13c191e6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-13c191e6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-13c191e6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-13c191e6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-13c191e6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-13c191e6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-13c191e6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-13c191e6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-13c191e6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-13c191e6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-13c191e6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-13c191e6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-13c191e6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-13c191e6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-13c191e6],
.orangehrm-dialog-header-container[data-v-13c191e6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-13c191e6],
.orangehrm-dialog-header-container .oxd-button[data-v-13c191e6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-13c191e6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-13c191e6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-13c191e6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-13c191e6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-13c191e6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-13c191e6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-13c191e6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-13c191e6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-13c191e6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-13c191e6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-13c191e6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-13c191e6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-13c191e6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-13c191e6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-13c191e6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-13c191e6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-13c191e6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-13c191e6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-13c191e6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-13c191e6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-13c191e6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-13c191e6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-13c191e6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-13c191e6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-13c191e6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-13c191e6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-13c191e6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-13c191e6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-13c191e6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-13c191e6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-13c191e6] .oxd-table-cell {
  position: relative;
}
[data-v-13c191e6] .oxd-table-cell .oxd-tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 5px;
  border-radius: 5px;
  box-shadow: 0 0 5px #ccc;
  z-index: 10;
}
.orangehrm-module-under-development[data-v-13c191e6] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-13c191e6] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-13c191e6] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-13c191e6] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-13c191e6] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.select-holder[data-v-13c191e6] {
  max-width: 100px !important;
}
.date-holder[data-v-13c191e6] {
  max-width: 160px !important;
}
.hrp-content[data-v-13c191e6] {
  padding: 2%;
}
.right-align-button[data-v-13c191e6] {
  display: flex;
  justify-content: flex-end;
}
@media only screen and (min-width: 1000px) {
.orangehrm-container[data-v-13c191e6] {
    display: grid;
    justify-items: center;
    overflow: scroll;
    max-height: 600px;
}
.orangehrm-container .oxd-table[data-v-13c191e6] {
    width: -moz-min-content;
    width: min-content;
    height: -moz-min-content;
    height: min-content;
}
.orangehrm-container .oxd-table-card[data-v-13c191e6] {
    width: -moz-max-content;
    width: max-content;
}
}
.action-buttons-bottom[data-v-13c191e6] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
  justify-content: flex-end;
}
.orangehrm-pagination-bottom[data-v-13c191e6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 25px 20px 25px;
  gap: 1rem;
}
.orangehrm-header-container .action-buttons[data-v-13c191e6] {
  display: flex;
  align-items: center;
}
.orangehrm-header-container .action-buttons .hidden[data-v-13c191e6] {
  display: none;
}
.custom-padding[data-v-13c191e6] {
  padding-left: 25px;
  padding-right: 25px;
  display: grid;
  justify-items: flex-end;
}
.custom-padding .orangehrm-full-width-grid .grid-item[data-v-13c191e6] {
  width: 180px;
}
.scrollbar-top[data-v-13c191e6] {
  overflow-x: auto;
  overflow-y: hidden;
  height: 16px;
  margin-bottom: 4px;
}
.scrollbar-dummy[data-v-13c191e6] {
  height: 1px;
  min-width: 1000px;
}

/* Progress Modal Styles */
.progress-modal-overlay[data-v-13c191e6] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}
.progress-modal[data-v-13c191e6] {
  background: white;
  border-radius: 8px;
  padding: 24px;
  min-width: 400px;
  max-width: 500px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
}
.progress-header[data-v-13c191e6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.progress-header h3[data-v-13c191e6] {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #202124;
}
.close-btn[data-v-13c191e6] {
  min-width: auto !important;
  padding: 4px 8px !important;
  font-size: 18px;
  color: #64728c;
}
.progress-content[data-v-13c191e6] {
  text-align: left;
}
.progress-info p[data-v-13c191e6] {
  margin: 8px 0;
  font-size: 14px;
  color: #374151;
}
.status-pending[data-v-13c191e6] {
  color: #f59e0b;
}
.status-processing[data-v-13c191e6] {
  color: #3b82f6;
}
.status-completed[data-v-13c191e6] {
  color: #10b981;
}
.status-failed[data-v-13c191e6] {
  color: #ef4444;
}
.progress-bar-container[data-v-13c191e6] {
  width: 100%;
  height: 8px;
  background-color: #e5e7eb;
  border-radius: 4px;
  margin: 16px 0;
  overflow: hidden;
}
.progress-bar[data-v-13c191e6] {
  height: 100%;
  background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%);
  border-radius: 4px;
  transition: width 0.3s ease;
}
.progress-percentage[data-v-13c191e6] {
  font-size: 16px;
  font-weight: 600;
  color: #202124;
  margin-bottom: 8px;
}
.progress-note[data-v-13c191e6] {
  font-size: 12px;
  color: #6b7280;
  margin: 8px 0 0 0;
  font-style: italic;
}
[data-v-13c191e6] .oxd-table-row.oxd-table-row--selected {
  background-color: #e8f4fd !important;
}
[data-v-13c191e6] .oxd-table-cell--checkbox {
  min-width: 50px !important;
  max-width: 50px !important;
}
[data-v-13c191e6] .oxd-table-row.excluded-row {
  opacity: 0.7;
  cursor: not-allowed !important;
  background-color: #f8f9fa !important;
  position: relative;
}
[data-v-13c191e6] .oxd-table-row.excluded-row .oxd-table-cell {
  color: #6c757d;
  position: relative;
}
[data-v-13c191e6] .oxd-table-row.excluded-row .oxd-table-cell--checkbox .excluded-indicator {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  opacity: 0.6;
}
[data-v-13c191e6] .oxd-table-row.excluded-row .oxd-button,[data-v-13c191e6] .oxd-table-row.excluded-row button,[data-v-13c191e6] .oxd-table-row.excluded-row .oxd-table-cell-actions,[data-v-13c191e6] .oxd-table-row.excluded-row .oxd-icon-button {
  pointer-events: none !important;
  opacity: 0.3 !important;
  cursor: not-allowed !important;
}
[data-v-13c191e6] .oxd-table-row.excluded-row::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  z-index: 1;
}
[data-v-13c191e6] .oxd-table-row.excluded-row:hover {
  background-color: #f8f9fa !important;
}
[data-v-13c191e6] .oxd-table-row.excluded-row:hover .oxd-table-cell {
  background-color: transparent !important;
}
[data-v-13c191e6] .oxd-table-row.excluded-row .oxd-table-cell:hover {
  background-color: transparent !important;
}
.excluded-employees-modal .excluded-summary[data-v-13c191e6] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 1px solid #e2e8f0;
  margin-bottom: 1rem;
}
.excluded-employees-modal .excluded-summary .summary-count[data-v-13c191e6] {
  font-weight: 700;
  color: var(--oxd-primary-one-color);
  font-size: 1.2rem;
}
.excluded-employees-modal .excluded-employees-table[data-v-13c191e6] {
  margin: 0;
  border-radius: 0.8rem;
  overflow: hidden;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  width: 100%;
  /* OXD CardTable handles its own styling - no custom table CSS needed */
}
.empty-state-container[data-v-13c191e6] {
  padding: 2rem;
}
.empty-state-container .empty-state[data-v-13c191e6] {
  text-align: center;
  padding: 3rem 2rem;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
  border-radius: 1.2rem;
  border: 2px dashed #cbd5e1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.8rem;
}
.empty-state-container .empty-state .empty-message[data-v-13c191e6] {
  color: #64728c;
  font-weight: 600;
  font-size: 1.1rem;
}
.empty-state-container .empty-state .empty-submessage[data-v-13c191e6] {
  color: #929baa;
  font-style: italic;
}
.orangehrm-dialog-modal.excluded-employees-modal[data-v-13c191e6] .orangehrm-dialog-header-container {
  padding: 1.5rem 1.5rem 1rem 1.5rem;
}
.orangehrm-dialog-modal.excluded-employees-modal[data-v-13c191e6] .orangehrm-dialog-horizontal-padding {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.orangehrm-dialog-modal.excluded-employees-modal[data-v-13c191e6] .orangehrm-dialog-vertical-padding {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.orangehrm-dialog-modal.excluded-employees-modal .modal-footer-actions[data-v-13c191e6] {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}
.orangehrm-dialog-modal.excluded-employees-modal .modal-footer-actions .oxd-button[data-v-13c191e6] {
  min-width: 120px;
  border-radius: 0.8rem;
  font-weight: 600;
  transition: all 0.2s ease;
}
.orangehrm-dialog-modal.excluded-employees-modal .modal-footer-actions .oxd-button[data-v-13c191e6]:hover {
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.custom-label {
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
  margin-bottom: 5px;
}
.checkbox-custom-grid {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
.checkbox-custom-grid .oxd-input-group {
  flex: 1 !important;
  min-width: 85px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-17b1ff89] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-17b1ff89] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-17b1ff89] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-17b1ff89] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-17b1ff89] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-17b1ff89] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-17b1ff89] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-17b1ff89] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-17b1ff89] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-17b1ff89]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-17b1ff89] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-17b1ff89] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-17b1ff89] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-17b1ff89] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-17b1ff89] {
  background-image: none !important;
}
.oxd-text--h5[data-v-17b1ff89] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-17b1ff89] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-17b1ff89] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-17b1ff89] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-17b1ff89] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-17b1ff89] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-17b1ff89],
.orangehrm-dialog-header-container[data-v-17b1ff89] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-17b1ff89],
.orangehrm-dialog-header-container .oxd-button[data-v-17b1ff89] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-17b1ff89] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-17b1ff89] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-17b1ff89] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-17b1ff89] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-17b1ff89] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-17b1ff89] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-17b1ff89] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-17b1ff89] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-17b1ff89] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-17b1ff89] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-17b1ff89] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-17b1ff89] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-17b1ff89] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-17b1ff89] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-17b1ff89] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-17b1ff89] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-17b1ff89] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-17b1ff89] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-17b1ff89] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-17b1ff89] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-17b1ff89] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-17b1ff89] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-17b1ff89] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-17b1ff89] {
  color: #38455d;
}
.orangehrm-form-action[data-v-17b1ff89] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-17b1ff89] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-17b1ff89] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-17b1ff89] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-17b1ff89] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-17b1ff89] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* top bar navigation */
.top-bar-navi[data-v-17b1ff89] {
  background-color: #fff;
  position: fixed;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-top: -60px;
  margin-left: 0;
  z-index: 210;
}
.top-flex-box[data-v-17b1ff89] {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.top-flex-item[data-v-17b1ff89] {
  flex-grow: 0;
  flex-shrink: 1;
}
.top-bar-navi ul[data-v-17b1ff89] {
  margin: 0;
  padding: 0;
  list-style: none;
}
.top-flex-item a[data-v-17b1ff89] {
  font-size: 12px;
  color: #034ea2;
  height: 35px;
  min-width: 100px;
  cursor: pointer;
  padding: 10px;
  text-decoration: none;
  border-radius: 0.85rem;
  font-family: Nunito Sans;
  font-size: 12px;
  font-weight: 600;
  background-color: #f8f9fa;
}
.top-flex-item a[data-v-17b1ff89]:hover {
  background-color: rgba(3, 78, 162, 0.1);
}

/* top bar navigation */
/* widths and heights */
.w25[data-v-17b1ff89] {
  width: 24% !important;
}
.w30[data-v-17b1ff89] {
  width: 200px !important;
}
.w50[data-v-17b1ff89] {
  width: 50%;
}
.w100[data-v-17b1ff89] {
  width: 100%;
}
.h60[data-v-17b1ff89] {
  height: 60px;
}
.h40[data-v-17b1ff89] {
  height: 40px;
}

/* input types */
.textarea-box[data-v-17b1ff89] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  border: #cecece solid 1px;
}
.select-type[data-v-17b1ff89] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  border-radius: 10px;
  border: #cecece solid 1px;
}
.text-type[data-v-17b1ff89] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px 0 10px 0;
  border-radius: 10px;
  width: 100%;
  border: #cecece solid 1px;
}

/* buttons */
.btn[data-v-17b1ff89] {
  float: right;
  display: inline-block;
  line-height: 1;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 32px;
  padding-left: 32px;
  min-width: 100px;
  background-color: #f58a20;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  min-width: 100px;
  border: 0px;
  cursor: pointer;
}
.edit-btn[data-v-17b1ff89] {
  border: 0;
  cursor: pointer;
  background-color: transparent;
  margin-top: 12px;
}
.btn-2[data-v-17b1ff89] {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border: 0;
  height: 34px;
  background-color: #eee;
}

/* Content Box */
.content-container[data-v-17b1ff89] {
  background-color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  border-radius: 20px;
  margin-bottom: 20px;
}
.card[data-v-17b1ff89] {
  display: flex;
}

/* paddings */
.padding-0[data-v-17b1ff89] {
  width: 100%;
  padding: 0;
}
.padding-1[data-v-17b1ff89] {
  width: 98%;
  padding: 1%;
}
.padding-2[data-v-17b1ff89] {
  padding: 5px 0 5px 0;
}
.padding-3[data-v-17b1ff89] {
  padding: 10px;
}
.padding-top-20[data-v-17b1ff89] {
  padding-top: 20px;
}
.padding-10[data-v-17b1ff89] {
  padding: 10px;
}

/* flex cols and rows */
.flx-cols[data-v-17b1ff89] {
  flex-direction: column;
}
.flx-row[data-v-17b1ff89] {
  flex-direction: row;
}
.flx-align[data-v-17b1ff89] {
  align-items: center;
}

/* box layouts */
.card-content[data-v-17b1ff89] {
  flex-grow: 1;
}
.header-box[data-v-17b1ff89] {
  text-align: left;
}
.form-box[data-v-17b1ff89] {
  text-align: right;
}
.text-label[data-v-17b1ff89] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.main-title p[data-v-17b1ff89] {
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #64728c;
}
.divider[data-v-17b1ff89] {
  border: 0;
  border-top: 1px solid #e8eaef;
}
.label-text[data-v-17b1ff89] {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #64728c;
}

/* list box */
.tbl-row[data-v-17b1ff89] {
  width: 100%;
  background-color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.tbl-row .table-header li[data-v-17b1ff89] {
  color: #fff;
}
.table-header[data-v-17b1ff89] {
  display: flex;
}
.list-box[data-v-17b1ff89] {
  margin-top: 40px;
  margin-bottom: 40px;
  background-color: #e8eaef;
  padding: 0.5rem;
}
.list-box ul[data-v-17b1ff89] {
  padding: 0;
  margin: 0;
  list-style: none;
}
.list-box li[data-v-17b1ff89] {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 12px;
  color: #64728c;
}
.list-box .chk-box[data-v-17b1ff89] {
  width: 18px;
  border: 0;
}
.tbl-row li input[data-v-17b1ff89] {
  border: #fff 1px solid !important;
}
.btn-icon[data-v-17b1ff89] {
  margin: 4px;
  border-radius: 50%;
  padding: 5px;
  background-color: #cccccc;
  border: 0;
}

/* Employee Loans */
.budget-loanable[data-v-17b1ff89] {
  display: flex;
}
.budget-box[data-v-17b1ff89] {
  background-color: #e8eaef;
  width: 260px;
  padding: 10px;
  border-radius: 20px;
  color: #999;
  margin-right: 5px;
}
.loanable-box[data-v-17b1ff89] {
  background-color: #e8eaef;
  width: 260px;
  padding: 10px;
  border-radius: 20px;
  color: #999;
  margin-right: 5px;
}
.flx-basis[data-v-17b1ff89] {
  flex-basis: auto;
  flex-shrink: 1;
}
.budget-loanable-box[data-v-17b1ff89] {
  display: flex;
  width: 98%;
  padding: 1%;
  margin-top: 10px;
  border-radius: 20px;
  background-color: #e8eaef;
}
.label-text[data-v-17b1ff89] {
  margin-top: 10px;
  margin-bottom: 20px;
  width: 50%;
  padding: 10px;
}
.margin-gap[data-v-17b1ff89] {
  margin-right: 10px;
}
.editable-box[data-v-17b1ff89] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.editable-box p[data-v-17b1ff89] {
  font-size: 14px;
}
.loan-flex-box[data-v-17b1ff89] {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}
.loan-flex-item[data-v-17b1ff89] {
  flex-grow: 1;
  flex-shrink: 1;
}
.amt-box-edit[data-v-17b1ff89] {
  height: 40px;
  padding: 0 0 0 10px;
}

/* white box */
.wht-box[data-v-17b1ff89] {
  background-color: #fff;
  border-radius: 20px;
}

/* Gray box */
.gry-flex-box[data-v-17b1ff89] {
  display: flex;
  width: 98%;
  padding: 1%;
  margin-top: 10px;
  border-radius: 20px;
  background-color: #e8eaef;
}

/*flex table */
.flex-box[data-v-17b1ff89] {
  display: flex;
  flex-wrap: wrap;
}
.flex-item[data-v-17b1ff89] {
  flex-grow: 1;
  flex-shrink: 1;
}
.header-text[data-v-17b1ff89] {
  margin-top: 10px;
  margin-bottom: 20px;
  padding: 10px;
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 5px;
  color: #64728c;
}
.label-text-14[data-v-17b1ff89] {
  font-size: 14px;
  font-weight: 600;
  margin: 0;
  padding: 0;
}
.tbl-container[data-v-17b1ff89] {
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #fff;
  border-radius: 20px;
}
.tbl-box[data-v-17b1ff89] {
  display: flex;
  width: 98%;
  flex-wrap: nowrap;
  margin: 10px;
}
.tbl-col[data-v-17b1ff89] {
  flex-grow: 1;
  flex-shrink: 1;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 12px;
}
.tbl-chk[data-v-17b1ff89] {
  width: 8px;
  height: 8px;
  margin: 8px 5px 0 0;
}
.tbl-no-border[data-v-17b1ff89] {
  border: 0;
}
.tbl-w-border[data-v-17b1ff89] {
  border: 1px solid #cdcdcd;
}
.table-box[data-v-17b1ff89] {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
  border-spacing: 0;
  max-height: 480px;
  color: #666;
}
.table-box-int[data-v-17b1ff89] {
  width: 80%;
  margin: 20px auto;
  border-collapse: collapse;
  border-spacing: 0;
  max-height: 480px;
  color: #666;
}
.table-box td[data-v-17b1ff89] {
  width: 20%;
  border-style: solid;
  border-color: #f0f0f0;
}
.table-headers[data-v-17b1ff89] {
  font-weight: 600;
  font-size: 14px;
}
.table-values[data-v-17b1ff89] {
  font-size: 12px;
  text-align: right;
}
.device-tbl[data-v-17b1ff89] {
  width: 98%;
  margin: auto;
}
.device-header[data-v-17b1ff89] {
  font-size: 14px;
  padding: 8px;
  background-color: #cdcdcd;
}
.device-data[data-v-17b1ff89] {
  background-color: #ececec;
  font-size: 12px;
  padding: 8px;
  border: 0;
  color: #999;
}
.i-padding[data-v-17b1ff89] {
  margin: 2px;
}
.align-center[data-v-17b1ff89] {
  text-align: center;
}
.nxt-prv[data-v-17b1ff89] {
  font-size: 16px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-41a714f4] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-41a714f4] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-41a714f4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-41a714f4] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-41a714f4] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-41a714f4] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-41a714f4] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-41a714f4] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-41a714f4] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-41a714f4]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-41a714f4] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-41a714f4] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-41a714f4] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-41a714f4] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-41a714f4] {
  background-image: none !important;
}
.oxd-text--h5[data-v-41a714f4] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-41a714f4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-41a714f4] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-41a714f4] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-41a714f4] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-41a714f4] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-41a714f4],
.orangehrm-dialog-header-container[data-v-41a714f4] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-41a714f4],
.orangehrm-dialog-header-container .oxd-button[data-v-41a714f4] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-41a714f4] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-41a714f4] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-41a714f4] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-41a714f4] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-41a714f4] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-41a714f4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-41a714f4] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-41a714f4] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-41a714f4] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-41a714f4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-41a714f4] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-41a714f4] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-41a714f4] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-41a714f4] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-41a714f4] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-41a714f4] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-41a714f4] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-41a714f4] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-41a714f4] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-41a714f4] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-41a714f4] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-41a714f4] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-41a714f4] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-41a714f4] {
  color: #38455d;
}
.orangehrm-form-action[data-v-41a714f4] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-41a714f4] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-41a714f4] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-41a714f4] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-41a714f4] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-41a714f4] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-right-space[data-v-41a714f4] {
  background-color: red;
}
[data-v-41a714f4] .oxd-table-card {
  background-color: #fff !important;
}
.orangehrm-container[data-v-41a714f4] {
  max-height: calc(100vh - 250px);
}
.orangehrm-header-container[data-v-41a714f4] {
  padding-bottom: 0px;
}
.hrp-content[data-v-41a714f4] {
  padding: 0px 2% 2% 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2981a571] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2981a571] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2981a571] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2981a571] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2981a571] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2981a571] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2981a571] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2981a571] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2981a571] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2981a571]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2981a571] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2981a571] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2981a571] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2981a571] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2981a571] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2981a571] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2981a571] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2981a571] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2981a571] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2981a571] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2981a571] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2981a571],
.orangehrm-dialog-header-container[data-v-2981a571] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2981a571],
.orangehrm-dialog-header-container .oxd-button[data-v-2981a571] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2981a571] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2981a571] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2981a571] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2981a571] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2981a571] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2981a571] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2981a571] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2981a571] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2981a571] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2981a571] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2981a571] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2981a571] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2981a571] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2981a571] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2981a571] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2981a571] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2981a571] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2981a571] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2981a571] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2981a571] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2981a571] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2981a571] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2981a571] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2981a571] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2981a571] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2981a571] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2981a571] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2981a571] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2981a571] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2981a571] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-2981a571] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-2981a571] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-2981a571] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-2981a571] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-2981a571] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-2981a571] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-65b0a6f5] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-65b0a6f5] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-65b0a6f5] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-65b0a6f5] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-65b0a6f5] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-65b0a6f5] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-65b0a6f5] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-65b0a6f5] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-65b0a6f5] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-65b0a6f5]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-65b0a6f5] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-65b0a6f5] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-65b0a6f5] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-65b0a6f5] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-65b0a6f5] {
  background-image: none !important;
}
.oxd-text--h5[data-v-65b0a6f5] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-65b0a6f5] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-65b0a6f5] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-65b0a6f5] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-65b0a6f5] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-65b0a6f5] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-65b0a6f5],
.orangehrm-dialog-header-container[data-v-65b0a6f5] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-65b0a6f5],
.orangehrm-dialog-header-container .oxd-button[data-v-65b0a6f5] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-65b0a6f5] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-65b0a6f5] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-65b0a6f5] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-65b0a6f5] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-65b0a6f5] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-65b0a6f5] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-65b0a6f5] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-65b0a6f5] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-65b0a6f5] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-65b0a6f5] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-65b0a6f5] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-65b0a6f5] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-65b0a6f5] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-65b0a6f5] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-65b0a6f5] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-65b0a6f5] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-65b0a6f5] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-65b0a6f5] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-65b0a6f5] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-65b0a6f5] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-65b0a6f5] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-65b0a6f5] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-65b0a6f5] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-65b0a6f5] {
  color: #38455d;
}
.orangehrm-form-action[data-v-65b0a6f5] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-65b0a6f5] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-65b0a6f5] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-65b0a6f5] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-65b0a6f5] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-65b0a6f5] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-65b0a6f5] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-65b0a6f5] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-65b0a6f5] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-65b0a6f5] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-65b0a6f5] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-65b0a6f5] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-84936d48] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-84936d48] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-84936d48] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-84936d48] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-84936d48] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-84936d48] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-84936d48] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-84936d48] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-84936d48] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-84936d48]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-84936d48] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-84936d48] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-84936d48] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-84936d48] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-84936d48] {
  background-image: none !important;
}
.oxd-text--h5[data-v-84936d48] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-84936d48] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-84936d48] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-84936d48] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-84936d48] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-84936d48] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-84936d48],
.orangehrm-dialog-header-container[data-v-84936d48] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-84936d48],
.orangehrm-dialog-header-container .oxd-button[data-v-84936d48] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-84936d48] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-84936d48] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-84936d48] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-84936d48] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-84936d48] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-84936d48] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-84936d48] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-84936d48] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-84936d48] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-84936d48] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-84936d48] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-84936d48] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-84936d48] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-84936d48] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-84936d48] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-84936d48] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-84936d48] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-84936d48] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-84936d48] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-84936d48] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-84936d48] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-84936d48] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-84936d48] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-84936d48] {
  color: #38455d;
}
.orangehrm-form-action[data-v-84936d48] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-84936d48] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-84936d48] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-84936d48] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-84936d48] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-84936d48] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-modal-header[data-v-84936d48] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-84936d48] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-84936d48] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-84936d48] {
  text-align: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5e2a0b10] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5e2a0b10] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5e2a0b10] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5e2a0b10] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5e2a0b10] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5e2a0b10] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5e2a0b10] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5e2a0b10] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5e2a0b10] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5e2a0b10]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5e2a0b10] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5e2a0b10] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5e2a0b10] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5e2a0b10] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5e2a0b10] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5e2a0b10] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5e2a0b10] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5e2a0b10] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5e2a0b10] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5e2a0b10] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5e2a0b10] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5e2a0b10],
.orangehrm-dialog-header-container[data-v-5e2a0b10] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5e2a0b10],
.orangehrm-dialog-header-container .oxd-button[data-v-5e2a0b10] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5e2a0b10] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5e2a0b10] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5e2a0b10] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5e2a0b10] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5e2a0b10] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5e2a0b10] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5e2a0b10] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5e2a0b10] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5e2a0b10] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5e2a0b10] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5e2a0b10] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5e2a0b10] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5e2a0b10] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5e2a0b10] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5e2a0b10] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5e2a0b10] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5e2a0b10] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5e2a0b10] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5e2a0b10] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5e2a0b10] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5e2a0b10] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5e2a0b10] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5e2a0b10] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5e2a0b10] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5e2a0b10] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5e2a0b10] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5e2a0b10] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5e2a0b10] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5e2a0b10] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5e2a0b10] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-wrapper[data-v-5e2a0b10] {
  overflow-x: auto;
  width: -moz-max-content;
  width: max-content;
}
.table-header[data-v-5e2a0b10] {
  display: flex;
  background: #f9f9f9;
  /* Your desired background */
  padding: 10px 0;
  position: sticky;
  top: 0;
  z-index: 10;
  width: 100%;
}
.table-header .table-cell[data-v-5e2a0b10] {
  position: sticky;
  top: 0;
}
.scroller[data-v-5e2a0b10] {
  max-height: 500px;
  /* Adjust the height as needed */
  overflow-y: auto;
  /* Enables vertical scrolling if the content overflows */
}
.table-row[data-v-5e2a0b10] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 50px;
}
.table-cell[data-v-5e2a0b10] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  /* Adjust the width as per your header */
  /* Add more styling as per your design */
  flex: 0 0 auto;
  box-sizing: border-box;
  min-width: 150px;
}
.label[data-v-5e2a0b10] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-style: italic;
  color: #429afc;
}
.label.undefined-master-data[data-v-5e2a0b10], .label.without-attendance[data-v-5e2a0b10] {
  color: red;
}
.orangehrm-modal-header[data-v-5e2a0b10] {
  display: flex;
  margin-bottom: 15px;
}
.orangehrm-modal-header .description[data-v-5e2a0b10] {
  font-size: 14px;
  font-family: "Nunito Sans";
}
[data-v-5e2a0b10] .oxd-progressbar-wrapper {
  height: 8px;
}
[data-v-5e2a0b10] .oxd-progressbar-ticker {
  height: 8px;
}
.custom-table-style[data-v-5e2a0b10] .oxd-table-row .oxd-table-cell:first-child {
  position: sticky;
  left: -10px;
  background-color: #fff;
  height: 32.5px;
  display: flex;
  align-items: center;
  margin-left: 0;
  padding-left: 0.75rem;
  border-radius: 1.2rem;
}
.custom-table-style[data-v-5e2a0b10] .oxd-table-row .oxd-table-cell:nth-child(2) {
  position: sticky;
  left: 80px;
  background-color: #fff;
  height: 32.5px;
  display: flex;
  align-items: center;
  margin-left: 0;
  padding-left: 0.75rem;
  border-radius: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-table-style[data-v-5e2a0b10] .oxd-table-row .oxd-table-cell {
  padding-left: 10px;
}
.custom-table-style[data-v-5e2a0b10] .oxd-table-row .oxd-table-header-cell:first-child {
  position: sticky;
  left: -10px;
  background-color: #e8eaef;
  margin-left: 0;
}
.custom-table-style[data-v-5e2a0b10] .oxd-table-row .oxd-table-header-cell:nth-child(2) {
  position: sticky;
  left: 80px;
  background-color: #e8eaef;
  margin-left: 0;
}
.custom-table-style[data-v-5e2a0b10] .oxd-table-card {
  background-color: #fff !important;
}
.custom-table-style[data-v-5e2a0b10] .oxd-table-header {
  position: sticky;
  top: -10px;
  background-color: #e8eaef;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
}
.orangehrm-container[data-v-5e2a0b10] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-43bbd51a] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-43bbd51a] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-43bbd51a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-43bbd51a] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-43bbd51a] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-43bbd51a] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-43bbd51a] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-43bbd51a] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-43bbd51a] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-43bbd51a]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-43bbd51a] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-43bbd51a] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-43bbd51a] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-43bbd51a] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-43bbd51a] {
  background-image: none !important;
}
.oxd-text--h5[data-v-43bbd51a] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-43bbd51a] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-43bbd51a] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-43bbd51a] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-43bbd51a] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-43bbd51a] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-43bbd51a],
.orangehrm-dialog-header-container[data-v-43bbd51a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-43bbd51a],
.orangehrm-dialog-header-container .oxd-button[data-v-43bbd51a] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-43bbd51a] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-43bbd51a] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-43bbd51a] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-43bbd51a] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-43bbd51a] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-43bbd51a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-43bbd51a] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-43bbd51a] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-43bbd51a] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-43bbd51a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-43bbd51a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-43bbd51a] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-43bbd51a] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-43bbd51a] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-43bbd51a] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-43bbd51a] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-43bbd51a] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-43bbd51a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-43bbd51a] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-43bbd51a] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-43bbd51a] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-43bbd51a] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-43bbd51a] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-43bbd51a] {
  color: #38455d;
}
.orangehrm-form-action[data-v-43bbd51a] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-43bbd51a] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-43bbd51a] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-43bbd51a] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-43bbd51a] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-43bbd51a] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mass-update-inputs[data-v-43bbd51a] {
  display: flex;
  align-content: center;
}
.mass-update-inputs[data-v-43bbd51a] .oxd-input {
  max-width: 300px;
  min-width: 120px;
  width: 90%;
  margin-left: 20px;
  height: 35px;
  min-height: 35px;
}
.mass-update-inputs[data-v-43bbd51a] .oxd-button {
  min-width: 120px;
  height: 35px;
  margin-inline: 20px;
}
.table-wrapper[data-v-43bbd51a] {
  overflow-x: auto;
  width: -moz-max-content;
  width: max-content;
}
.scroller[data-v-43bbd51a] {
  max-height: 500px;
  /* Adjust the height as needed */
  overflow-y: auto;
  /* Enables vertical scrolling if the content overflows */
}
.table-row[data-v-43bbd51a] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  cursor: pointer;
}
.table-cell[data-v-43bbd51a] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 0 150px;
  /* Adjust the width as per your header */
  /* Add more styling as per your design */
  flex: 0 0 auto;
  box-sizing: border-box;
  min-width: 150px;
}
.table-cell[data-v-43bbd51a] .oxd-input {
  min-height: 0px;
  line-height: 0px;
  margin-top: 5px;
}
.orangehrm-radio-button-main-label[data-v-43bbd51a] {
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: 600;
}
.label[data-v-43bbd51a] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-style: italic;
  color: #429afc;
}
.label.undefined-master-data[data-v-43bbd51a], .label.without-attendance[data-v-43bbd51a] {
  color: red;
}
[data-v-43bbd51a] .oxd-table-row .oxd-table-cell:first-child {
  position: sticky;
  left: -10px;
  background-color: #fff;
  height: 32.5px;
  display: flex;
  align-items: center;
  margin-left: 0;
  padding-left: 0.75rem;
  border-radius: 1.2rem;
}
[data-v-43bbd51a] .oxd-table-row .oxd-table-cell:nth-child(2) {
  position: sticky;
  left: 80px;
  background-color: #fff;
  height: 32.5px;
  display: flex;
  align-items: center;
  margin-left: 0;
  padding-left: 0.75rem;
  border-radius: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-v-43bbd51a] .oxd-table-row .oxd-table-cell {
  padding-left: 10px;
}
[data-v-43bbd51a] .oxd-table-row .oxd-table-header-cell:first-child {
  position: sticky;
  left: -10px;
  background-color: #e8eaef;
  margin-left: 0;
}
[data-v-43bbd51a] .oxd-table-row .oxd-table-header-cell:nth-child(2) {
  position: sticky;
  left: 80px;
  background-color: #e8eaef;
  margin-left: 0;
}
[data-v-43bbd51a] .oxd-table-card {
  background-color: #fff !important;
}
[data-v-43bbd51a] .oxd-table-header {
  position: sticky;
  top: -10px;
  background-color: #e8eaef;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
}
.orangehrm-container[data-v-43bbd51a] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.table-header[data-v-43bbd51a] {
  display: flex;
  background: #f9f9f9;
  /* Your desired background */
  padding: 10px 0;
  position: sticky;
  top: 0;
  z-index: 10;
  width: 100%;
}
.table-header .table-cell[data-v-43bbd51a] {
  position: sticky;
  top: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tabs {
  cursor: pointer;
  border-bottom: 2px solid var(--fc-neutral-text-color);
  padding-inline: 20px;
  padding-bottom: 5px;
  transition: all 100ms ease-in-out;
  font-size: 14px !important;
}
.tabs__container {
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: 600;
  color: var(--fc-neutral-text-color);
  margin-top: 20px;
}
.tabs__header {
  display: flex;
  gap: 5px;
}
.tabs.ghost {
  border-color: var(--oxd-secondary-four-color);
  color: var(--oxd-secondary-four-color);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tab {
  padding-block: 20px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-07281a6b] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-07281a6b] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-07281a6b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-07281a6b] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-07281a6b] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-07281a6b] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-07281a6b] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-07281a6b] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-07281a6b] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-07281a6b]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-07281a6b] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-07281a6b] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-07281a6b] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-07281a6b] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-07281a6b] {
  background-image: none !important;
}
.oxd-text--h5[data-v-07281a6b] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-07281a6b] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-07281a6b] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-07281a6b] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-07281a6b] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-07281a6b] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-07281a6b],
.orangehrm-dialog-header-container[data-v-07281a6b] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-07281a6b],
.orangehrm-dialog-header-container .oxd-button[data-v-07281a6b] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-07281a6b] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-07281a6b] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-07281a6b] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-07281a6b] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-07281a6b] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-07281a6b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-07281a6b] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-07281a6b] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-07281a6b] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-07281a6b] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-07281a6b] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-07281a6b] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-07281a6b] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-07281a6b] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-07281a6b] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-07281a6b] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-07281a6b] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-07281a6b] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-07281a6b] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-07281a6b] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-07281a6b] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-07281a6b] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-07281a6b] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-07281a6b] {
  color: #38455d;
}
.orangehrm-form-action[data-v-07281a6b] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-07281a6b] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-07281a6b] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-07281a6b] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-07281a6b] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-07281a6b] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-07281a6b] .oxd-table-row .oxd-table-cell:first-child {
  position: sticky;
  left: -10px;
  background-color: #fff;
  height: 32.5px;
  display: flex;
  align-items: center;
  margin-left: 0;
  padding-left: 0.75rem;
  border-radius: 1.2rem;
}
[data-v-07281a6b] .oxd-table-row .oxd-table-cell:nth-child(2) {
  position: sticky;
  left: 80px;
  background-color: #fff;
  height: 32.5px;
  display: flex;
  align-items: center;
  margin-left: 0;
  padding-left: 0.75rem;
  border-radius: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-v-07281a6b] .oxd-table-row .oxd-table-cell {
  padding-left: 10px;
}
[data-v-07281a6b] .oxd-table-row .oxd-table-header-cell:first-child {
  position: sticky;
  left: -10px;
  background-color: #e8eaef;
  margin-left: 0;
}
[data-v-07281a6b] .oxd-table-row .oxd-table-header-cell:nth-child(2) {
  position: sticky;
  left: 80px;
  background-color: #e8eaef;
  margin-left: 0;
}
[data-v-07281a6b] .oxd-table-card {
  background-color: #fff !important;
}
[data-v-07281a6b] .oxd-table-header {
  position: sticky;
  top: -10px;
  background-color: #e8eaef;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
}
.orangehrm-container[data-v-07281a6b] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.table-wrapper[data-v-07281a6b] {
  overflow-x: auto;
  width: -moz-max-content;
  width: max-content;
}
.table-header[data-v-07281a6b] {
  display: flex;
  background: #f9f9f9;
  /* Your desired background */
  padding: 10px 0;
  position: sticky;
  top: 0;
  z-index: 10;
  width: 100%;
}
.table-header .table-cell[data-v-07281a6b] {
  position: sticky;
  top: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-075635da] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-075635da] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-075635da] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-075635da] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-075635da] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-075635da] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-075635da] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-075635da] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-075635da] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-075635da]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-075635da] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-075635da] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-075635da] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-075635da] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-075635da] {
  background-image: none !important;
}
.oxd-text--h5[data-v-075635da] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-075635da] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-075635da] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-075635da] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-075635da] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-075635da] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-075635da],
.orangehrm-dialog-header-container[data-v-075635da] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-075635da],
.orangehrm-dialog-header-container .oxd-button[data-v-075635da] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-075635da] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-075635da] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-075635da] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-075635da] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-075635da] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-075635da] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-075635da] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-075635da] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-075635da] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-075635da] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-075635da] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-075635da] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-075635da] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-075635da] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-075635da] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-075635da] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-075635da] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-075635da] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-075635da] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-075635da] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-075635da] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-075635da] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-075635da] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-075635da] {
  color: #38455d;
}
.orangehrm-form-action[data-v-075635da] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-075635da] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-075635da] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-075635da] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-075635da] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-075635da] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-modal-header[data-v-075635da] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-075635da] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-075635da] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-075635da] {
  text-align: center;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-b482f2a8] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-b482f2a8] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-b482f2a8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-b482f2a8] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-b482f2a8] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-b482f2a8] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-b482f2a8] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-b482f2a8] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-b482f2a8] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-b482f2a8]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-b482f2a8] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-b482f2a8] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-b482f2a8] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-b482f2a8] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-b482f2a8] {
  background-image: none !important;
}
.oxd-text--h5[data-v-b482f2a8] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-b482f2a8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-b482f2a8] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-b482f2a8] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-b482f2a8] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-b482f2a8] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-b482f2a8],
.orangehrm-dialog-header-container[data-v-b482f2a8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-b482f2a8],
.orangehrm-dialog-header-container .oxd-button[data-v-b482f2a8] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-b482f2a8] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-b482f2a8] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-b482f2a8] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-b482f2a8] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-b482f2a8] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-b482f2a8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-b482f2a8] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-b482f2a8] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-b482f2a8] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-b482f2a8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-b482f2a8] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-b482f2a8] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-b482f2a8] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-b482f2a8] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-b482f2a8] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-b482f2a8] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-b482f2a8] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-b482f2a8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-b482f2a8] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-b482f2a8] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-b482f2a8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-b482f2a8] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-b482f2a8] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-b482f2a8] {
  color: #38455d;
}
.orangehrm-form-action[data-v-b482f2a8] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-b482f2a8] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-b482f2a8] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-b482f2a8] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-b482f2a8] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-b482f2a8] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.table-wrapper[data-v-b482f2a8] {
  overflow-x: auto;
  width: -moz-max-content;
  width: max-content;
  min-width: 100%;
}
.scroller[data-v-b482f2a8] {
  max-height: 500px;
  /* Adjust the height as needed */
  overflow-y: auto;
  /* Enables vertical scrolling if the content overflows */
}
.table-row[data-v-b482f2a8] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  cursor: pointer;
}
.table-cell[data-v-b482f2a8] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 0 150px;
  /* Adjust the width as per your header */
  /* Add more styling as per your design */
  flex: 0 0 auto;
  box-sizing: border-box;
  min-width: 150px;
}
.table-cell[data-v-b482f2a8] .oxd-input {
  min-height: 0px;
  line-height: 0px;
  margin-top: 5px;
}
.orangehrm-container[data-v-b482f2a8] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
.table-header[data-v-b482f2a8] {
  display: flex;
  background: #f9f9f9;
  /* Your desired background */
  padding: 10px 0;
  position: sticky;
  top: 0;
  z-index: 10;
  width: 100%;
  justify-content: space-between;
}
.table-header .table-cell[data-v-b482f2a8] {
  position: sticky;
  top: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-17548eb8] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-17548eb8] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-17548eb8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-17548eb8] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-17548eb8] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-17548eb8] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-17548eb8] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-17548eb8] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-17548eb8] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-17548eb8]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-17548eb8] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-17548eb8] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-17548eb8] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-17548eb8] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-17548eb8] {
  background-image: none !important;
}
.oxd-text--h5[data-v-17548eb8] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-17548eb8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-17548eb8] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-17548eb8] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-17548eb8] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-17548eb8] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-17548eb8],
.orangehrm-dialog-header-container[data-v-17548eb8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-17548eb8],
.orangehrm-dialog-header-container .oxd-button[data-v-17548eb8] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-17548eb8] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-17548eb8] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-17548eb8] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-17548eb8] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-17548eb8] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-17548eb8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-17548eb8] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-17548eb8] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-17548eb8] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-17548eb8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-17548eb8] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-17548eb8] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-17548eb8] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-17548eb8] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-17548eb8] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-17548eb8] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-17548eb8] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-17548eb8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-17548eb8] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-17548eb8] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-17548eb8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-17548eb8] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-17548eb8] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-17548eb8] {
  color: #38455d;
}
.orangehrm-form-action[data-v-17548eb8] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-17548eb8] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-17548eb8] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-17548eb8] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-17548eb8] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-17548eb8] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mass-update-inputs[data-v-17548eb8] {
  display: flex;
  align-content: center;
}
.mass-update-inputs[data-v-17548eb8] .oxd-input {
  max-width: 300px;
  min-width: 120px;
  width: 90%;
  margin-left: 20px;
  height: 35px;
  min-height: 35px;
}
.mass-update-inputs[data-v-17548eb8] .oxd-button {
  min-width: 120px;
  height: 35px;
  margin-inline: 20px;
}
.table-wrapper[data-v-17548eb8] {
  overflow-x: auto;
  width: -moz-max-content;
  width: max-content;
}
.table-header[data-v-17548eb8] {
  display: flex;
  background: #f9f9f9;
  /* Your desired background */
  padding: 10px 0;
  position: sticky;
  top: 0;
  z-index: 10;
  width: 100%;
}
.table-header .table-cell[data-v-17548eb8] {
  position: sticky;
  top: 0;
}
.scroller[data-v-17548eb8] {
  max-height: 500px;
  /* Adjust the height as needed */
  overflow-y: auto;
  /* Enables vertical scrolling if the content overflows */
}
.table-row[data-v-17548eb8] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 50px;
  cursor: pointer;
}
.table-cell[data-v-17548eb8] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10px;
  font-size: 0.75rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 0 150px;
  /* Add more styling as per your design */
  flex: 0 0 auto;
  box-sizing: border-box;
  min-width: 150px;
}
.table-cell[data-v-17548eb8] .oxd-input {
  min-height: 0px;
  line-height: 0px;
  margin-top: 5px;
}
.orangehrm-radio-button-main-label[data-v-17548eb8] {
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: 600;
}
.label[data-v-17548eb8] {
  font-family: "Nunito Sans";
  font-size: 14px;
  font-style: italic;
  color: #429afc;
}
.label.undefined-master-data[data-v-17548eb8], .label.without-attendance[data-v-17548eb8] {
  color: red;
}
.orangehrm-modal-header[data-v-17548eb8] {
  padding: 20px 10px;
  display: flex;
  justify-content: space-between;
}
.orangehrm-modal-header .description[data-v-17548eb8] {
  font-size: 14px;
  font-family: "Nunito Sans";
}
[data-v-17548eb8] .oxd-progressbar-wrapper {
  height: 8px;
}
[data-v-17548eb8] .oxd-progressbar-ticker {
  height: 8px;
}
.custom-table-style[data-v-17548eb8] .oxd-table-row .oxd-table-cell:first-child {
  position: sticky;
  left: -10px;
  background-color: #fff;
  height: 32.5px;
  display: flex;
  align-items: center;
  margin-left: 0;
  padding-left: 0.75rem;
  border-radius: 1.2rem;
}
.custom-table-style[data-v-17548eb8] .oxd-table-row .oxd-table-cell:nth-child(2) {
  position: sticky;
  left: 80px;
  background-color: #fff;
  height: 32.5px;
  display: flex;
  align-items: center;
  margin-left: 0;
  padding-left: 0.75rem;
  border-radius: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.custom-table-style[data-v-17548eb8] .oxd-table-row .oxd-table-cell {
  padding-left: 10px;
}
.custom-table-style[data-v-17548eb8] .oxd-table-row .oxd-table-header-cell:first-child {
  position: sticky;
  left: -10px;
  background-color: #e8eaef;
  margin-left: 0;
}
.custom-table-style[data-v-17548eb8] .oxd-table-row .oxd-table-header-cell:nth-child(2) {
  position: sticky;
  left: 80px;
  background-color: #e8eaef;
  margin-left: 0;
}
.custom-table-style[data-v-17548eb8] .oxd-table-card {
  background-color: #fff !important;
}
.custom-table-style[data-v-17548eb8] .oxd-table-header {
  position: sticky;
  top: -10px;
  background-color: #e8eaef;
  z-index: 1;
  width: -moz-max-content;
  width: max-content;
}
.orangehrm-container[data-v-17548eb8] {
  max-height: calc(100vh - 400px);
  overflow: auto;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-425c5206] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-425c5206] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-425c5206] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-425c5206] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-425c5206] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-425c5206] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-425c5206] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-425c5206] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-425c5206] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-425c5206]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-425c5206] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-425c5206] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-425c5206] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-425c5206] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-425c5206] {
  background-image: none !important;
}
.oxd-text--h5[data-v-425c5206] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-425c5206] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-425c5206] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-425c5206] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-425c5206] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-425c5206] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-425c5206],
.orangehrm-dialog-header-container[data-v-425c5206] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-425c5206],
.orangehrm-dialog-header-container .oxd-button[data-v-425c5206] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-425c5206] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-425c5206] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-425c5206] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-425c5206] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-425c5206] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-425c5206] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-425c5206] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-425c5206] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-425c5206] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-425c5206] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-425c5206] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-425c5206] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-425c5206] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-425c5206] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-425c5206] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-425c5206] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-425c5206] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-425c5206] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-425c5206] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-425c5206] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-425c5206] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-425c5206] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-425c5206] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-425c5206] {
  color: #38455d;
}
.orangehrm-form-action[data-v-425c5206] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-425c5206] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-425c5206] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-425c5206] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-425c5206] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-425c5206] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hidden[data-v-425c5206] {
  display: none;
}
.r[data-v-425c5206] {
  display: flex;
}
.c[data-v-425c5206] {
  flex: 1;
}
.employee-sched-label[data-v-425c5206] {
  padding-right: 2%;
}
#test[data-v-425c5206] {
  margin-left: 3%;
}
.hrp-content[data-v-425c5206] {
  padding: 2%;
}

/* Ensure only the dialog content wrapper scrolls; disable table-level scrollbars */
[data-v-425c5206] .orangehrm-container {
  max-height: none !important;
  overflow: visible !important;
}
[data-v-425c5206] .oxd-table-card,[data-v-425c5206] .oxd-table,[data-v-425c5206] .oxd-table-body,[data-v-425c5206] .oxd-table-body-wrapper {
  overflow: visible !important;
  max-height: none !important;
}

/* Dialog spacing improvements */
.dialog-content[data-v-425c5206] {
  padding: 0 12px;
}
.dialog-scroll[data-v-425c5206] {
  max-height: 60vh;
  overflow: auto;
}
.summary-grid[data-v-425c5206] {
  text-align: left;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px 16px;
  margin: 0 0 12px 0;
}
.controls-form[data-v-425c5206] {
  margin-top: 8px;
}
.table-container[data-v-425c5206] {
  margin-top: 10px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-ea281018] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-ea281018] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-ea281018] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-ea281018] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-ea281018] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-ea281018] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-ea281018] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-ea281018] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-ea281018] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-ea281018]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-ea281018] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-ea281018] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-ea281018] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-ea281018] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-ea281018] {
  background-image: none !important;
}
.oxd-text--h5[data-v-ea281018] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-ea281018] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-ea281018] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-ea281018] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-ea281018] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-ea281018] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-ea281018],
.orangehrm-dialog-header-container[data-v-ea281018] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-ea281018],
.orangehrm-dialog-header-container .oxd-button[data-v-ea281018] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-ea281018] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-ea281018] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-ea281018] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-ea281018] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-ea281018] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-ea281018] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-ea281018] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-ea281018] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-ea281018] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-ea281018] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-ea281018] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-ea281018] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-ea281018] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-ea281018] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-ea281018] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-ea281018] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-ea281018] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-ea281018] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-ea281018] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-ea281018] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-ea281018] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-ea281018] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-ea281018] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-ea281018] {
  color: #38455d;
}
.orangehrm-form-action[data-v-ea281018] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-ea281018] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-ea281018] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-ea281018] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-ea281018] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-ea281018] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.hidden[data-v-ea281018] {
  display: none;
}
.r[data-v-ea281018] {
  display: flex;
}
.c[data-v-ea281018] {
  flex: 1;
}
.employee-sched-label[data-v-ea281018] {
  padding-right: 2%;
}
#test[data-v-ea281018] {
  margin-left: 3%;
}
.hrp-content[data-v-ea281018] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-06f291ee] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-06f291ee] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-06f291ee] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-06f291ee] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-06f291ee] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-06f291ee] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-06f291ee] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-06f291ee] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-06f291ee] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-06f291ee]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-06f291ee] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-06f291ee] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-06f291ee] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-06f291ee] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-06f291ee] {
  background-image: none !important;
}
.oxd-text--h5[data-v-06f291ee] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-06f291ee] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-06f291ee] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-06f291ee] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-06f291ee] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-06f291ee] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-06f291ee],
.orangehrm-dialog-header-container[data-v-06f291ee] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-06f291ee],
.orangehrm-dialog-header-container .oxd-button[data-v-06f291ee] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-06f291ee] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-06f291ee] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-06f291ee] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-06f291ee] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-06f291ee] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-06f291ee] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-06f291ee] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-06f291ee] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-06f291ee] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-06f291ee] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-06f291ee] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-06f291ee] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-06f291ee] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-06f291ee] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-06f291ee] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-06f291ee] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-06f291ee] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-06f291ee] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-06f291ee] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-06f291ee] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-06f291ee] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-06f291ee] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-06f291ee] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-06f291ee] {
  color: #38455d;
}
.orangehrm-form-action[data-v-06f291ee] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-06f291ee] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-06f291ee] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-06f291ee] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-06f291ee] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-06f291ee] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-06f291ee] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-06f291ee] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-06f291ee] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-06f291ee] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-06f291ee] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-353fa83d] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-353fa83d] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-353fa83d] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-353fa83d] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-353fa83d] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-353fa83d] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-353fa83d] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-353fa83d] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-353fa83d] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-353fa83d]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-353fa83d] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-353fa83d] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-353fa83d] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-353fa83d] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-353fa83d] {
  background-image: none !important;
}
.oxd-text--h5[data-v-353fa83d] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-353fa83d] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-353fa83d] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-353fa83d] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-353fa83d] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-353fa83d] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-353fa83d],
.orangehrm-dialog-header-container[data-v-353fa83d] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-353fa83d],
.orangehrm-dialog-header-container .oxd-button[data-v-353fa83d] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-353fa83d] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-353fa83d] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-353fa83d] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-353fa83d] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-353fa83d] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-353fa83d] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-353fa83d] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-353fa83d] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-353fa83d] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-353fa83d] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-353fa83d] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-353fa83d] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-353fa83d] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-353fa83d] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-353fa83d] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-353fa83d] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-353fa83d] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-353fa83d] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-353fa83d] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-353fa83d] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-353fa83d] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-353fa83d] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-353fa83d] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-353fa83d] {
  color: #38455d;
}
.orangehrm-form-action[data-v-353fa83d] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-353fa83d] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-353fa83d] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-353fa83d] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-353fa83d] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-353fa83d] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-353fa83d] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-353fa83d] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-353fa83d] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-353fa83d] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-353fa83d] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-353fa83d] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-1a32f751] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-1a32f751] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-1a32f751] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-1a32f751] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-1a32f751] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-1a32f751] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-1a32f751] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-1a32f751] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-1a32f751] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-1a32f751]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-1a32f751] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-1a32f751] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-1a32f751] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-1a32f751] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-1a32f751] {
  background-image: none !important;
}
.oxd-text--h5[data-v-1a32f751] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-1a32f751] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-1a32f751] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-1a32f751] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-1a32f751] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-1a32f751] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-1a32f751],
.orangehrm-dialog-header-container[data-v-1a32f751] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-1a32f751],
.orangehrm-dialog-header-container .oxd-button[data-v-1a32f751] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-1a32f751] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-1a32f751] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-1a32f751] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-1a32f751] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-1a32f751] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-1a32f751] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-1a32f751] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-1a32f751] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-1a32f751] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-1a32f751] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-1a32f751] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-1a32f751] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-1a32f751] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-1a32f751] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-1a32f751] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-1a32f751] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-1a32f751] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-1a32f751] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-1a32f751] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-1a32f751] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-1a32f751] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-1a32f751] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-1a32f751] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-1a32f751] {
  color: #38455d;
}
.orangehrm-form-action[data-v-1a32f751] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-1a32f751] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-1a32f751] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-1a32f751] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-1a32f751] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-1a32f751] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-1a32f751] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-1a32f751] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-1a32f751] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-1a32f751] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-1a32f751] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-1a32f751] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6aaefb03] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6aaefb03] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6aaefb03] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6aaefb03] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6aaefb03] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6aaefb03] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6aaefb03] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6aaefb03] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6aaefb03] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6aaefb03]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6aaefb03] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6aaefb03] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6aaefb03] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6aaefb03] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6aaefb03] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6aaefb03] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6aaefb03] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6aaefb03] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6aaefb03] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6aaefb03] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6aaefb03] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6aaefb03],
.orangehrm-dialog-header-container[data-v-6aaefb03] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6aaefb03],
.orangehrm-dialog-header-container .oxd-button[data-v-6aaefb03] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6aaefb03] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6aaefb03] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6aaefb03] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6aaefb03] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6aaefb03] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6aaefb03] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6aaefb03] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6aaefb03] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6aaefb03] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6aaefb03] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6aaefb03] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6aaefb03] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6aaefb03] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6aaefb03] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6aaefb03] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6aaefb03] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6aaefb03] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6aaefb03] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6aaefb03] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6aaefb03] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6aaefb03] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6aaefb03] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6aaefb03] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6aaefb03] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6aaefb03] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6aaefb03] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6aaefb03] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6aaefb03] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6aaefb03] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6aaefb03] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-6aaefb03] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-6aaefb03] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-6aaefb03] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-6aaefb03] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-6aaefb03] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-6aaefb03] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-54b02443] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-54b02443] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-54b02443] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-54b02443] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-54b02443] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-54b02443] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-54b02443] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-54b02443] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-54b02443] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-54b02443]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-54b02443] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-54b02443] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-54b02443] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-54b02443] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-54b02443] {
  background-image: none !important;
}
.oxd-text--h5[data-v-54b02443] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-54b02443] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-54b02443] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-54b02443] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-54b02443] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-54b02443] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-54b02443],
.orangehrm-dialog-header-container[data-v-54b02443] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-54b02443],
.orangehrm-dialog-header-container .oxd-button[data-v-54b02443] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-54b02443] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-54b02443] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-54b02443] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-54b02443] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-54b02443] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-54b02443] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-54b02443] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-54b02443] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-54b02443] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-54b02443] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-54b02443] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-54b02443] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-54b02443] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-54b02443] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-54b02443] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-54b02443] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-54b02443] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-54b02443] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-54b02443] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-54b02443] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-54b02443] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-54b02443] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-54b02443] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-54b02443] {
  color: #38455d;
}
.orangehrm-form-action[data-v-54b02443] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-54b02443] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-54b02443] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-54b02443] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-54b02443] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-54b02443] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-54b02443] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-54b02443] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-54b02443] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-54b02443] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-54b02443] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-54b02443] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-947bc376] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-947bc376] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-947bc376] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-947bc376] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-947bc376] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-947bc376] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-947bc376] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-947bc376] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-947bc376] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-947bc376]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-947bc376] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-947bc376] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-947bc376] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-947bc376] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-947bc376] {
  background-image: none !important;
}
.oxd-text--h5[data-v-947bc376] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-947bc376] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-947bc376] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-947bc376] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-947bc376] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-947bc376] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-947bc376],
.orangehrm-dialog-header-container[data-v-947bc376] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-947bc376],
.orangehrm-dialog-header-container .oxd-button[data-v-947bc376] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-947bc376] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-947bc376] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-947bc376] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-947bc376] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-947bc376] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-947bc376] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-947bc376] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-947bc376] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-947bc376] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-947bc376] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-947bc376] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-947bc376] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-947bc376] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-947bc376] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-947bc376] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-947bc376] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-947bc376] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-947bc376] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-947bc376] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-947bc376] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-947bc376] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-947bc376] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-947bc376] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-947bc376] {
  color: #38455d;
}
.orangehrm-form-action[data-v-947bc376] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-947bc376] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-947bc376] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-947bc376] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-947bc376] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-947bc376] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-947bc376] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-947bc376] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-947bc376] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-947bc376] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-947bc376] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-947bc376] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-564cf643] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-564cf643] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-564cf643] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-564cf643] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-564cf643] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-564cf643] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-564cf643] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-564cf643] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-564cf643] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-564cf643]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-564cf643] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-564cf643] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-564cf643] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-564cf643] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-564cf643] {
  background-image: none !important;
}
.oxd-text--h5[data-v-564cf643] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-564cf643] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-564cf643] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-564cf643] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-564cf643] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-564cf643] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-564cf643],
.orangehrm-dialog-header-container[data-v-564cf643] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-564cf643],
.orangehrm-dialog-header-container .oxd-button[data-v-564cf643] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-564cf643] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-564cf643] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-564cf643] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-564cf643] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-564cf643] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-564cf643] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-564cf643] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-564cf643] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-564cf643] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-564cf643] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-564cf643] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-564cf643] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-564cf643] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-564cf643] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-564cf643] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-564cf643] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-564cf643] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-564cf643] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-564cf643] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-564cf643] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-564cf643] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-564cf643] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-564cf643] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-564cf643] {
  color: #38455d;
}
.orangehrm-form-action[data-v-564cf643] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-564cf643] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-564cf643] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-564cf643] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-564cf643] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-564cf643] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-564cf643] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-564cf643] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-564cf643] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-564cf643] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-564cf643] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-564cf643] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-453cff60] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-453cff60] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-453cff60] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-453cff60] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-453cff60] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-453cff60] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-453cff60] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-453cff60] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-453cff60] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-453cff60]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-453cff60] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-453cff60] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-453cff60] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-453cff60] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-453cff60] {
  background-image: none !important;
}
.oxd-text--h5[data-v-453cff60] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-453cff60] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-453cff60] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-453cff60] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-453cff60] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-453cff60] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-453cff60],
.orangehrm-dialog-header-container[data-v-453cff60] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-453cff60],
.orangehrm-dialog-header-container .oxd-button[data-v-453cff60] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-453cff60] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-453cff60] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-453cff60] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-453cff60] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-453cff60] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-453cff60] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-453cff60] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-453cff60] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-453cff60] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-453cff60] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-453cff60] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-453cff60] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-453cff60] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-453cff60] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-453cff60] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-453cff60] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-453cff60] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-453cff60] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-453cff60] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-453cff60] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-453cff60] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-453cff60] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-453cff60] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-453cff60] {
  color: #38455d;
}
.orangehrm-form-action[data-v-453cff60] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-453cff60] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-453cff60] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-453cff60] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-453cff60] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-453cff60] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bank-status[data-v-453cff60] {
  font-size: 12px;
  font-weight: bold;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-b8bdfc74] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-b8bdfc74] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-b8bdfc74] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-b8bdfc74] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-b8bdfc74] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-b8bdfc74] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-b8bdfc74] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-b8bdfc74] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-b8bdfc74] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-b8bdfc74]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-b8bdfc74] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-b8bdfc74] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-b8bdfc74] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-b8bdfc74] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-b8bdfc74] {
  background-image: none !important;
}
.oxd-text--h5[data-v-b8bdfc74] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-b8bdfc74] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-b8bdfc74] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-b8bdfc74] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-b8bdfc74] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-b8bdfc74] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-b8bdfc74],
.orangehrm-dialog-header-container[data-v-b8bdfc74] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-b8bdfc74],
.orangehrm-dialog-header-container .oxd-button[data-v-b8bdfc74] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-b8bdfc74] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-b8bdfc74] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-b8bdfc74] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-b8bdfc74] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-b8bdfc74] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-b8bdfc74] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-b8bdfc74] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-b8bdfc74] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-b8bdfc74] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-b8bdfc74] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-b8bdfc74] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-b8bdfc74] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-b8bdfc74] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-b8bdfc74] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-b8bdfc74] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-b8bdfc74] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-b8bdfc74] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-b8bdfc74] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-b8bdfc74] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-b8bdfc74] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-b8bdfc74] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-b8bdfc74] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-b8bdfc74] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-b8bdfc74] {
  color: #38455d;
}
.orangehrm-form-action[data-v-b8bdfc74] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-b8bdfc74] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-b8bdfc74] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-b8bdfc74] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-b8bdfc74] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-b8bdfc74] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-b8bdfc74] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-b8bdfc74] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-b8bdfc74] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-b8bdfc74] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-b8bdfc74] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-b8bdfc74] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4f22a103] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4f22a103] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4f22a103] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4f22a103] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4f22a103] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4f22a103] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4f22a103] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4f22a103] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4f22a103] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4f22a103]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4f22a103] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4f22a103] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4f22a103] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4f22a103] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4f22a103] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4f22a103] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4f22a103] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4f22a103] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4f22a103] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4f22a103] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4f22a103] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4f22a103],
.orangehrm-dialog-header-container[data-v-4f22a103] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4f22a103],
.orangehrm-dialog-header-container .oxd-button[data-v-4f22a103] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4f22a103] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4f22a103] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4f22a103] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4f22a103] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4f22a103] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4f22a103] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4f22a103] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4f22a103] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4f22a103] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4f22a103] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4f22a103] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4f22a103] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4f22a103] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4f22a103] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4f22a103] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4f22a103] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4f22a103] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4f22a103] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4f22a103] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4f22a103] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4f22a103] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4f22a103] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4f22a103] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4f22a103] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4f22a103] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4f22a103] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4f22a103] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4f22a103] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4f22a103] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4f22a103] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-4f22a103] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-4f22a103] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-4f22a103] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-4f22a103] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-4f22a103] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-4f22a103] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-5485a717] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-5485a717] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-5485a717] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-5485a717] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-5485a717] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-5485a717] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-5485a717] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-5485a717] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-5485a717] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-5485a717]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-5485a717] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-5485a717] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-5485a717] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-5485a717] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-5485a717] {
  background-image: none !important;
}
.oxd-text--h5[data-v-5485a717] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-5485a717] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-5485a717] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-5485a717] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-5485a717] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-5485a717] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-5485a717],
.orangehrm-dialog-header-container[data-v-5485a717] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-5485a717],
.orangehrm-dialog-header-container .oxd-button[data-v-5485a717] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-5485a717] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-5485a717] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-5485a717] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-5485a717] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-5485a717] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-5485a717] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-5485a717] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-5485a717] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-5485a717] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-5485a717] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-5485a717] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-5485a717] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-5485a717] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-5485a717] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-5485a717] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-5485a717] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-5485a717] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-5485a717] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-5485a717] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-5485a717] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-5485a717] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-5485a717] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-5485a717] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-5485a717] {
  color: #38455d;
}
.orangehrm-form-action[data-v-5485a717] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-5485a717] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-5485a717] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-5485a717] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-5485a717] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-5485a717] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-5485a717] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-5485a717] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-5485a717] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-5485a717] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-5485a717] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-5485a717] {
  padding: 2%;
}

.switch-text[data-v-487a6d9a] {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 2%;
  padding-top: 2%;
}
.oxd-color-input .oxd-color-input--active[data-v-487a6d9a] {
  margin-right: 51%;
}



.switch-text[data-v-2fc04e2d] {
  font-size: 12px;
  font-weight: 600;
  padding-bottom: 2%;
  padding-top: 2%;
}
.oxd-color-input .oxd-color-input--active[data-v-2fc04e2d] {
  margin-right: 51%;
}


.alpha-list-item[data-v-11d93e76] {
  padding: 8px 12px;
  border: 1px solid #eee;
  margin-bottom: 6px;
  background: #fff;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-f9de79c4] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-f9de79c4] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-f9de79c4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-f9de79c4] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-f9de79c4] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-f9de79c4] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-f9de79c4] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-f9de79c4] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-f9de79c4] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-f9de79c4]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-f9de79c4] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-f9de79c4] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-f9de79c4] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-f9de79c4] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-f9de79c4] {
  background-image: none !important;
}
.oxd-text--h5[data-v-f9de79c4] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-f9de79c4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-f9de79c4] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-f9de79c4] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-f9de79c4] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-f9de79c4] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-f9de79c4],
.orangehrm-dialog-header-container[data-v-f9de79c4] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-f9de79c4],
.orangehrm-dialog-header-container .oxd-button[data-v-f9de79c4] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-f9de79c4] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-f9de79c4] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-f9de79c4] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-f9de79c4] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-f9de79c4] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-f9de79c4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-f9de79c4] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-f9de79c4] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-f9de79c4] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-f9de79c4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-f9de79c4] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-f9de79c4] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-f9de79c4] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-f9de79c4] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-f9de79c4] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-f9de79c4] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-f9de79c4] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-f9de79c4] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-f9de79c4] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-f9de79c4] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-f9de79c4] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-f9de79c4] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-f9de79c4] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-f9de79c4] {
  color: #38455d;
}
.orangehrm-form-action[data-v-f9de79c4] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-f9de79c4] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-f9de79c4] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-f9de79c4] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-f9de79c4] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-f9de79c4] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-alphalist-list[data-v-f9de79c4] {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-b66a39ba] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-b66a39ba] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-b66a39ba] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-b66a39ba] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-b66a39ba] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-b66a39ba] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-b66a39ba] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-b66a39ba] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-b66a39ba] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-b66a39ba]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-b66a39ba] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-b66a39ba] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-b66a39ba] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-b66a39ba] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-b66a39ba] {
  background-image: none !important;
}
.oxd-text--h5[data-v-b66a39ba] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-b66a39ba] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-b66a39ba] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-b66a39ba] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-b66a39ba] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-b66a39ba] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-b66a39ba],
.orangehrm-dialog-header-container[data-v-b66a39ba] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-b66a39ba],
.orangehrm-dialog-header-container .oxd-button[data-v-b66a39ba] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-b66a39ba] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-b66a39ba] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-b66a39ba] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-b66a39ba] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-b66a39ba] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-b66a39ba] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-b66a39ba] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-b66a39ba] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-b66a39ba] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-b66a39ba] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-b66a39ba] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-b66a39ba] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-b66a39ba] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-b66a39ba] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-b66a39ba] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-b66a39ba] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-b66a39ba] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-b66a39ba] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-b66a39ba] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-b66a39ba] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-b66a39ba] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-b66a39ba] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-b66a39ba] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-b66a39ba] {
  color: #38455d;
}
.orangehrm-form-action[data-v-b66a39ba] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-b66a39ba] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-b66a39ba] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-b66a39ba] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-b66a39ba] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-b66a39ba] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-b66a39ba] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-b66a39ba] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-b66a39ba] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-b66a39ba] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-b66a39ba] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-b66a39ba] {
  padding: 2%;
}

.orangehrm-module-under-development[data-v-3abaf8e4] {
  text-align: center;
&-img[data-v-3abaf8e4] {
    max-width: 100%;
    height: 100%;
    max-height: 350px;
    display: block;
    margin: 0 auto;
    -o-object-fit: fill;
       object-fit: fill;
}
&-heading[data-v-3abaf8e4] {
    color: $oxd-primary-one-color;
    font-weight: 700;
}
&-text[data-v-3abaf8e4] {
    font-size: 14px;
    max-width: 800px;
    margin: 0 auto;
    margin-bottom: 2rem;
}
&-link[data-v-3abaf8e4] {
    text-decoration: none;
    color: $oxd-primary-one-color;
}
}
.hrp-content[data-v-3abaf8e4] {
  padding: 2%;
}
.alpha-components-section[data-v-3abaf8e4] {
  border: 1px solid var(--oxd-border, #e6e6e6);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}
.self-reference-warning[data-v-3abaf8e4] {
  border: 1px solid #ffc107;
  border-radius: 8px;
  padding: 12px;
  background: #fff3cd;
  color: #856404;
}
.component-preview[data-v-3abaf8e4] {
  border: 1px solid var(--oxd-border, #e6e6e6);
  border-radius: 8px;
  padding: 12px;
  background: #fff;
  min-height: 40px;
}
.exempted-months-section[data-v-3abaf8e4] {
  border: 1px solid var(--oxd-border, #e6e6e6);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}
.connected-paycodes-section[data-v-3abaf8e4] {
  border: 1px solid var(--oxd-border, #e6e6e6);
  border-radius: 8px;
  padding: 16px;
  background: #fff;
}
.paycode-table[data-v-3abaf8e4] {
  width: 100%;
  border-collapse: collapse;
  margin-top: 12px;
}
.paycode-table th[data-v-3abaf8e4],
.paycode-table td[data-v-3abaf8e4] {
  border: 1px solid var(--oxd-border, #e6e6e6);
  padding: 8px;
  background: #fff;
  text-align: left;
}
.paycode-table th[data-v-3abaf8e4] {
  background: #f5f5f5;
  font-weight: bold;
  font-size: 0.9em;
  color: #666;
}
.paycode-table td[data-v-3abaf8e4] {
  font-size: 0.9em;
}
.paycode-table tr[data-v-3abaf8e4]:nth-child(even) {
  background-color: #f9f9f9;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-78b18d1c] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-78b18d1c] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-78b18d1c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-78b18d1c] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-78b18d1c] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-78b18d1c] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-78b18d1c] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-78b18d1c] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-78b18d1c] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-78b18d1c]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-78b18d1c] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-78b18d1c] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-78b18d1c] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-78b18d1c] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-78b18d1c] {
  background-image: none !important;
}
.oxd-text--h5[data-v-78b18d1c] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-78b18d1c] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-78b18d1c] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-78b18d1c] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-78b18d1c] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-78b18d1c] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-78b18d1c],
.orangehrm-dialog-header-container[data-v-78b18d1c] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-78b18d1c],
.orangehrm-dialog-header-container .oxd-button[data-v-78b18d1c] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-78b18d1c] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-78b18d1c] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-78b18d1c] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-78b18d1c] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-78b18d1c] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-78b18d1c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-78b18d1c] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-78b18d1c] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-78b18d1c] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-78b18d1c] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-78b18d1c] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-78b18d1c] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-78b18d1c] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-78b18d1c] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-78b18d1c] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-78b18d1c] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-78b18d1c] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-78b18d1c] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-78b18d1c] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-78b18d1c] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-78b18d1c] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-78b18d1c] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-78b18d1c] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-78b18d1c] {
  color: #38455d;
}
.orangehrm-form-action[data-v-78b18d1c] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-78b18d1c] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-78b18d1c] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-78b18d1c] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-78b18d1c] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-78b18d1c] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-78b18d1c] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-78b18d1c] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-78b18d1c] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-78b18d1c] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-78b18d1c] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-78b18d1c] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-7af307ee] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-7af307ee] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-7af307ee] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-7af307ee] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-7af307ee] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-7af307ee] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-7af307ee] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-7af307ee] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-7af307ee] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-7af307ee]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-7af307ee] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-7af307ee] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-7af307ee] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-7af307ee] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-7af307ee] {
  background-image: none !important;
}
.oxd-text--h5[data-v-7af307ee] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-7af307ee] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-7af307ee] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-7af307ee] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-7af307ee] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-7af307ee] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-7af307ee],
.orangehrm-dialog-header-container[data-v-7af307ee] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-7af307ee],
.orangehrm-dialog-header-container .oxd-button[data-v-7af307ee] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-7af307ee] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-7af307ee] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-7af307ee] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-7af307ee] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-7af307ee] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-7af307ee] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-7af307ee] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-7af307ee] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-7af307ee] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-7af307ee] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-7af307ee] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-7af307ee] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-7af307ee] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-7af307ee] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-7af307ee] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-7af307ee] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-7af307ee] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-7af307ee] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-7af307ee] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-7af307ee] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-7af307ee] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-7af307ee] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-7af307ee] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-7af307ee] {
  color: #38455d;
}
.orangehrm-form-action[data-v-7af307ee] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-7af307ee] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-7af307ee] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-7af307ee] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-7af307ee] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-7af307ee] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-7af307ee] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-7af307ee] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-7af307ee] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-7af307ee] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-7af307ee] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-7af307ee] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-1d8ac962] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-1d8ac962] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-1d8ac962] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-1d8ac962] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-1d8ac962] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-1d8ac962] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-1d8ac962] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-1d8ac962] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-1d8ac962] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-1d8ac962]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-1d8ac962] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-1d8ac962] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-1d8ac962] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-1d8ac962] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-1d8ac962] {
  background-image: none !important;
}
.oxd-text--h5[data-v-1d8ac962] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-1d8ac962] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-1d8ac962] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-1d8ac962] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-1d8ac962] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-1d8ac962] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-1d8ac962],
.orangehrm-dialog-header-container[data-v-1d8ac962] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-1d8ac962],
.orangehrm-dialog-header-container .oxd-button[data-v-1d8ac962] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-1d8ac962] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-1d8ac962] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-1d8ac962] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-1d8ac962] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-1d8ac962] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-1d8ac962] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-1d8ac962] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-1d8ac962] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-1d8ac962] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-1d8ac962] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-1d8ac962] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-1d8ac962] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-1d8ac962] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-1d8ac962] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-1d8ac962] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-1d8ac962] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-1d8ac962] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-1d8ac962] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-1d8ac962] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-1d8ac962] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-1d8ac962] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-1d8ac962] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-1d8ac962] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-1d8ac962] {
  color: #38455d;
}
.orangehrm-form-action[data-v-1d8ac962] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-1d8ac962] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-1d8ac962] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-1d8ac962] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-1d8ac962] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-1d8ac962] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-1d8ac962] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-1d8ac962] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-1d8ac962] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-1d8ac962] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-1d8ac962] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-1d8ac962] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-cf82efce] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-cf82efce] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-cf82efce] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-cf82efce] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-cf82efce] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-cf82efce] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-cf82efce] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-cf82efce] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-cf82efce] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-cf82efce]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-cf82efce] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-cf82efce] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-cf82efce] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-cf82efce] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-cf82efce] {
  background-image: none !important;
}
.oxd-text--h5[data-v-cf82efce] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-cf82efce] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-cf82efce] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-cf82efce] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-cf82efce] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-cf82efce] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-cf82efce],
.orangehrm-dialog-header-container[data-v-cf82efce] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-cf82efce],
.orangehrm-dialog-header-container .oxd-button[data-v-cf82efce] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-cf82efce] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-cf82efce] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-cf82efce] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-cf82efce] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-cf82efce] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-cf82efce] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-cf82efce] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-cf82efce] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-cf82efce] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-cf82efce] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-cf82efce] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-cf82efce] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-cf82efce] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-cf82efce] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-cf82efce] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-cf82efce] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-cf82efce] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-cf82efce] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-cf82efce] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-cf82efce] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-cf82efce] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-cf82efce] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-cf82efce] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-cf82efce] {
  color: #38455d;
}
.orangehrm-form-action[data-v-cf82efce] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-cf82efce] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-cf82efce] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-cf82efce] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-cf82efce] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-cf82efce] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-cf82efce] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-cf82efce] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-cf82efce] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-cf82efce] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-cf82efce] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-cf82efce] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-0bc3c380] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-0bc3c380] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-0bc3c380] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-0bc3c380] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-0bc3c380] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-0bc3c380] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-0bc3c380] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-0bc3c380] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-0bc3c380] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-0bc3c380]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-0bc3c380] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-0bc3c380] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-0bc3c380] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-0bc3c380] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-0bc3c380] {
  background-image: none !important;
}
.oxd-text--h5[data-v-0bc3c380] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-0bc3c380] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-0bc3c380] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-0bc3c380] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-0bc3c380] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-0bc3c380] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-0bc3c380],
.orangehrm-dialog-header-container[data-v-0bc3c380] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-0bc3c380],
.orangehrm-dialog-header-container .oxd-button[data-v-0bc3c380] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-0bc3c380] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-0bc3c380] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-0bc3c380] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-0bc3c380] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-0bc3c380] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-0bc3c380] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-0bc3c380] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-0bc3c380] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-0bc3c380] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-0bc3c380] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-0bc3c380] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-0bc3c380] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-0bc3c380] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-0bc3c380] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-0bc3c380] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-0bc3c380] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-0bc3c380] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-0bc3c380] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-0bc3c380] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-0bc3c380] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-0bc3c380] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-0bc3c380] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-0bc3c380] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-0bc3c380] {
  color: #38455d;
}
.orangehrm-form-action[data-v-0bc3c380] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-0bc3c380] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-0bc3c380] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-0bc3c380] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-0bc3c380] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-0bc3c380] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-v-0bc3c380] .oxd-table {
  min-width: 100%;
}
.orangehrm-module-under-development[data-v-0bc3c380] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-0bc3c380] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-0bc3c380] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-0bc3c380] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-0bc3c380] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-0bc3c380] {
  padding: 2%;
}
@media only screen and (min-width: 1000px) {
.orangehrm-container[data-v-0bc3c380] {
    display: grid;
    justify-items: center;
    overflow-x: scroll;
}
.orangehrm-container .oxd-table[data-v-0bc3c380] {
    width: -moz-min-content;
    width: min-content;
}
.orangehrm-container .oxd-table-card[data-v-0bc3c380] {
    width: -moz-max-content;
    width: max-content;
}
}
.action-buttons-bottom[data-v-0bc3c380] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
  justify-content: flex-end;
}
.orangehrm-header-container .action-buttons[data-v-0bc3c380] {
  display: flex;
  gap: 10px;
}
.orangehrm-header-container .action-buttons .hidden[data-v-0bc3c380] {
  display: none;
}
.custom-padding[data-v-0bc3c380] {
  padding-left: 25px;
  padding-right: 25px;
  display: grid;
  justify-items: flex-end;
}
.custom-padding .orangehrm-full-width-grid .grid-item[data-v-0bc3c380] {
  width: 180px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-78f707c9] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-78f707c9] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-78f707c9] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-78f707c9] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-78f707c9] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-78f707c9] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-78f707c9] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-78f707c9] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-78f707c9] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-78f707c9]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-78f707c9] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-78f707c9] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-78f707c9] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-78f707c9] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-78f707c9] {
  background-image: none !important;
}
.oxd-text--h5[data-v-78f707c9] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-78f707c9] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-78f707c9] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-78f707c9] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-78f707c9] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-78f707c9] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-78f707c9],
.orangehrm-dialog-header-container[data-v-78f707c9] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-78f707c9],
.orangehrm-dialog-header-container .oxd-button[data-v-78f707c9] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-78f707c9] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-78f707c9] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-78f707c9] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-78f707c9] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-78f707c9] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-78f707c9] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-78f707c9] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-78f707c9] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-78f707c9] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-78f707c9] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-78f707c9] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-78f707c9] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-78f707c9] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-78f707c9] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-78f707c9] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-78f707c9] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-78f707c9] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-78f707c9] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-78f707c9] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-78f707c9] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-78f707c9] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-78f707c9] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-78f707c9] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-78f707c9] {
  color: #38455d;
}
.orangehrm-form-action[data-v-78f707c9] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-78f707c9] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-78f707c9] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-78f707c9] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-78f707c9] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-78f707c9] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-78f707c9] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-78f707c9] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-78f707c9] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-78f707c9] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-78f707c9] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-78f707c9] {
  padding: 2%;
}
.orangehrm-header-container .action-buttons[data-v-78f707c9] {
  display: flex;
  gap: 10px;
}
.orangehrm-header-container .action-buttons .hidden[data-v-78f707c9] {
  display: none;
}
.action-buttons-bottom[data-v-78f707c9] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
  justify-content: flex-end;
}
.custom-padding[data-v-78f707c9] {
  padding-left: 25px;
  padding-right: 25px;
  display: grid;
  justify-items: flex-end;
}
.custom-padding .orangehrm-full-width-grid .grid-item[data-v-78f707c9] {
  width: 180px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-651963f6] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-651963f6] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-651963f6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-651963f6] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-651963f6] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-651963f6] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-651963f6] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-651963f6] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-651963f6] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-651963f6]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-651963f6] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-651963f6] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-651963f6] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-651963f6] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-651963f6] {
  background-image: none !important;
}
.oxd-text--h5[data-v-651963f6] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-651963f6] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-651963f6] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-651963f6] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-651963f6] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-651963f6] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-651963f6],
.orangehrm-dialog-header-container[data-v-651963f6] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-651963f6],
.orangehrm-dialog-header-container .oxd-button[data-v-651963f6] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-651963f6] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-651963f6] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-651963f6] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-651963f6] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-651963f6] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-651963f6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-651963f6] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-651963f6] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-651963f6] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-651963f6] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-651963f6] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-651963f6] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-651963f6] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-651963f6] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-651963f6] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-651963f6] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-651963f6] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-651963f6] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-651963f6] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-651963f6] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-651963f6] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-651963f6] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-651963f6] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-651963f6] {
  color: #38455d;
}
.orangehrm-form-action[data-v-651963f6] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-651963f6] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-651963f6] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-651963f6] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-651963f6] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-651963f6] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-651963f6] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-651963f6] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-651963f6] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-651963f6] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto 2rem;
}
.orangehrm-module-under-development-link[data-v-651963f6] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-651963f6] {
  padding: 2%;
}
.orangehrm-header-container .action-buttons[data-v-651963f6] {
  display: flex;
  gap: 10px;
}
.orangehrm-header-container .action-buttons .hidden[data-v-651963f6] {
  display: none;
}
.action-buttons-bottom[data-v-651963f6] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
  justify-content: flex-end;
}
.custom-padding[data-v-651963f6] {
  padding-left: 25px;
  padding-right: 25px;
  display: grid;
  justify-items: flex-end;
}
.custom-padding .orangehrm-full-width-grid .grid-item[data-v-651963f6] {
  width: 180px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2afdded8] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2afdded8] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2afdded8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2afdded8] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2afdded8] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2afdded8] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2afdded8] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2afdded8] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2afdded8] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2afdded8]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2afdded8] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2afdded8] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2afdded8] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2afdded8] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2afdded8] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2afdded8] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2afdded8] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2afdded8] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2afdded8] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2afdded8] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2afdded8] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2afdded8],
.orangehrm-dialog-header-container[data-v-2afdded8] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2afdded8],
.orangehrm-dialog-header-container .oxd-button[data-v-2afdded8] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2afdded8] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2afdded8] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2afdded8] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2afdded8] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2afdded8] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2afdded8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2afdded8] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2afdded8] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2afdded8] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2afdded8] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2afdded8] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2afdded8] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2afdded8] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2afdded8] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2afdded8] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2afdded8] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2afdded8] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2afdded8] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2afdded8] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2afdded8] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2afdded8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2afdded8] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2afdded8] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2afdded8] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2afdded8] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2afdded8] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2afdded8] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2afdded8] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2afdded8] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2afdded8] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-2afdded8] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-2afdded8] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-2afdded8] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-2afdded8] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-2afdded8] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-2afdded8] {
  padding: 2%;
}
.orangehrm-header-container .action-buttons[data-v-2afdded8] {
  display: flex;
  gap: 10px;
}
.orangehrm-header-container .action-buttons .hidden[data-v-2afdded8] {
  display: none;
}
.action-buttons-bottom[data-v-2afdded8] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
  justify-content: flex-end;
}
.custom-padding[data-v-2afdded8] {
  padding-left: 25px;
  padding-right: 25px;
  display: grid;
  justify-items: flex-end;
}
.custom-padding .orangehrm-full-width-grid .grid-item[data-v-2afdded8] {
  width: 180px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-9f064550] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-9f064550] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-9f064550] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-9f064550] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-9f064550] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-9f064550] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-9f064550] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-9f064550] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-9f064550] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-9f064550]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-9f064550] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-9f064550] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-9f064550] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-9f064550] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-9f064550] {
  background-image: none !important;
}
.oxd-text--h5[data-v-9f064550] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-9f064550] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-9f064550] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-9f064550] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-9f064550] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-9f064550] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-9f064550],
.orangehrm-dialog-header-container[data-v-9f064550] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-9f064550],
.orangehrm-dialog-header-container .oxd-button[data-v-9f064550] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-9f064550] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-9f064550] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-9f064550] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-9f064550] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-9f064550] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-9f064550] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-9f064550] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-9f064550] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-9f064550] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-9f064550] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-9f064550] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-9f064550] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-9f064550] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-9f064550] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-9f064550] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-9f064550] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-9f064550] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-9f064550] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-9f064550] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-9f064550] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-9f064550] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-9f064550] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-9f064550] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-9f064550] {
  color: #38455d;
}
.orangehrm-form-action[data-v-9f064550] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-9f064550] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-9f064550] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-9f064550] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-9f064550] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-9f064550] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-9f064550] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-9f064550] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-9f064550] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-9f064550] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-9f064550] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-9f064550] {
  padding: 2%;
}
.orangehrm-header-container .action-buttons[data-v-9f064550] {
  display: flex;
  gap: 10px;
}
.orangehrm-header-container .action-buttons .hidden[data-v-9f064550] {
  display: none;
}
.action-buttons-bottom[data-v-9f064550] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
  justify-content: flex-end;
}
.custom-padding[data-v-9f064550] {
  padding-left: 25px;
  padding-right: 25px;
  display: grid;
  justify-items: flex-end;
}
.custom-padding .orangehrm-full-width-grid .grid-item[data-v-9f064550] {
  width: 180px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-6d748646] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-6d748646] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-6d748646] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-6d748646] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-6d748646] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-6d748646] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-6d748646] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-6d748646] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-6d748646] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-6d748646]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-6d748646] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-6d748646] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-6d748646] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-6d748646] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-6d748646] {
  background-image: none !important;
}
.oxd-text--h5[data-v-6d748646] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-6d748646] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-6d748646] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-6d748646] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-6d748646] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-6d748646] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-6d748646],
.orangehrm-dialog-header-container[data-v-6d748646] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-6d748646],
.orangehrm-dialog-header-container .oxd-button[data-v-6d748646] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-6d748646] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-6d748646] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-6d748646] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-6d748646] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-6d748646] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-6d748646] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-6d748646] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-6d748646] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-6d748646] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-6d748646] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-6d748646] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-6d748646] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-6d748646] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-6d748646] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-6d748646] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-6d748646] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-6d748646] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-6d748646] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-6d748646] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-6d748646] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-6d748646] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-6d748646] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-6d748646] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-6d748646] {
  color: #38455d;
}
.orangehrm-form-action[data-v-6d748646] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-6d748646] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-6d748646] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-6d748646] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-6d748646] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-6d748646] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.paycode-item[data-v-6d748646] {
  padding: 10px;
  border: 1px solid #e8eaef;
  border-radius: 5px;
  margin-bottom: 10px;
  cursor: move;
  font-family: "Nunito Sans";
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.15px;
  color: #64728c;
  display: flex;
  align-items: center;
  gap: 10px;
  background-color: #fff;
}
.paycode-item input[data-v-6d748646] {
  border-color: #64728c;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-2f610128] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-2f610128] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-2f610128] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-2f610128] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-2f610128] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-2f610128] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-2f610128] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-2f610128] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-2f610128] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-2f610128]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-2f610128] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-2f610128] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-2f610128] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-2f610128] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-2f610128] {
  background-image: none !important;
}
.oxd-text--h5[data-v-2f610128] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-2f610128] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-2f610128] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-2f610128] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-2f610128] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-2f610128] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-2f610128],
.orangehrm-dialog-header-container[data-v-2f610128] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-2f610128],
.orangehrm-dialog-header-container .oxd-button[data-v-2f610128] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-2f610128] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-2f610128] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-2f610128] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-2f610128] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-2f610128] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-2f610128] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-2f610128] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-2f610128] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-2f610128] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-2f610128] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-2f610128] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-2f610128] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-2f610128] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-2f610128] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-2f610128] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-2f610128] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-2f610128] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-2f610128] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-2f610128] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-2f610128] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-2f610128] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-2f610128] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-2f610128] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-2f610128] {
  color: #38455d;
}
.orangehrm-form-action[data-v-2f610128] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-2f610128] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-2f610128] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-2f610128] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-2f610128] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-2f610128] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.edit-paycodes-list[data-v-2f610128] {
  list-style: none;
  padding: 0;
  margin: 0;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-46f47036] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-46f47036] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-46f47036] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-46f47036] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-46f47036] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-46f47036] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-46f47036] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-46f47036] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-46f47036] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-46f47036]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-46f47036] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-46f47036] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-46f47036] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-46f47036] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-46f47036] {
  background-image: none !important;
}
.oxd-text--h5[data-v-46f47036] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-46f47036] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-46f47036] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-46f47036] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-46f47036] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-46f47036] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-46f47036],
.orangehrm-dialog-header-container[data-v-46f47036] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-46f47036],
.orangehrm-dialog-header-container .oxd-button[data-v-46f47036] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-46f47036] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-46f47036] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-46f47036] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-46f47036] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-46f47036] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-46f47036] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-46f47036] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-46f47036] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-46f47036] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-46f47036] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-46f47036] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-46f47036] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-46f47036] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-46f47036] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-46f47036] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-46f47036] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-46f47036] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-46f47036] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-46f47036] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-46f47036] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-46f47036] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-46f47036] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-46f47036] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-46f47036] {
  color: #38455d;
}
.orangehrm-form-action[data-v-46f47036] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-46f47036] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-46f47036] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-46f47036] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-46f47036] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-46f47036] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-46f47036] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-46f47036] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-46f47036] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-46f47036] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-46f47036] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-46f47036] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-0faf8756] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-0faf8756] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-0faf8756] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-0faf8756] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-0faf8756] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-0faf8756] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-0faf8756] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-0faf8756] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-0faf8756] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-0faf8756]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-0faf8756] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-0faf8756] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-0faf8756] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-0faf8756] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-0faf8756] {
  background-image: none !important;
}
.oxd-text--h5[data-v-0faf8756] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-0faf8756] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-0faf8756] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-0faf8756] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-0faf8756] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-0faf8756] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-0faf8756],
.orangehrm-dialog-header-container[data-v-0faf8756] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-0faf8756],
.orangehrm-dialog-header-container .oxd-button[data-v-0faf8756] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-0faf8756] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-0faf8756] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-0faf8756] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-0faf8756] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-0faf8756] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-0faf8756] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-0faf8756] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-0faf8756] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-0faf8756] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-0faf8756] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-0faf8756] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-0faf8756] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-0faf8756] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-0faf8756] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-0faf8756] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-0faf8756] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-0faf8756] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-0faf8756] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-0faf8756] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-0faf8756] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-0faf8756] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-0faf8756] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-0faf8756] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-0faf8756] {
  color: #38455d;
}
.orangehrm-form-action[data-v-0faf8756] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-0faf8756] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-0faf8756] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-0faf8756] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-0faf8756] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-0faf8756] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-0faf8756] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-0faf8756] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-0faf8756] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-0faf8756] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-0faf8756] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-0faf8756] {
  padding: 2%;
}

.p-multiselect {
    padding: 7px
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-cc6e2232] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-cc6e2232] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-cc6e2232] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-cc6e2232] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-cc6e2232] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-cc6e2232] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-cc6e2232] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-cc6e2232] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-cc6e2232] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-cc6e2232]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-cc6e2232] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-cc6e2232] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-cc6e2232] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-cc6e2232] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-cc6e2232] {
  background-image: none !important;
}
.oxd-text--h5[data-v-cc6e2232] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-cc6e2232] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-cc6e2232] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-cc6e2232] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-cc6e2232] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-cc6e2232] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-cc6e2232],
.orangehrm-dialog-header-container[data-v-cc6e2232] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-cc6e2232],
.orangehrm-dialog-header-container .oxd-button[data-v-cc6e2232] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-cc6e2232] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-cc6e2232] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-cc6e2232] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-cc6e2232] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-cc6e2232] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-cc6e2232] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-cc6e2232] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-cc6e2232] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-cc6e2232] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-cc6e2232] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-cc6e2232] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-cc6e2232] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-cc6e2232] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-cc6e2232] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-cc6e2232] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-cc6e2232] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-cc6e2232] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-cc6e2232] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-cc6e2232] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-cc6e2232] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-cc6e2232] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-cc6e2232] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-cc6e2232] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-cc6e2232] {
  color: #38455d;
}
.orangehrm-form-action[data-v-cc6e2232] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-cc6e2232] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-cc6e2232] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-cc6e2232] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-cc6e2232] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-cc6e2232] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-cc6e2232] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-cc6e2232] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-cc6e2232] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-cc6e2232] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-cc6e2232] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-cc6e2232] {
  padding: 2%;
}
.orangehrm-header-container .action-buttons[data-v-cc6e2232] {
  display: flex;
  gap: 10px;
}
.orangehrm-header-container .action-buttons .hidden[data-v-cc6e2232] {
  display: none;
}
.action-buttons-bottom[data-v-cc6e2232] {
  display: flex;
  padding: 20px 25px;
  gap: 10px;
  justify-content: flex-end;
}
.custom-padding[data-v-cc6e2232] {
  padding-left: 25px;
  padding-right: 25px;
  display: grid;
  justify-items: flex-end;
}
.custom-padding .orangehrm-full-width-grid .grid-item[data-v-cc6e2232] {
  width: 180px;
}

.table-grid[data-v-7501c9ce] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.table-grid td[data-v-7501c9ce] {
    padding: 12px 12px 12px 30px;
    border: 2px solid #6d7a93;
    vertical-align: middle;
    font-size: 20px;
}
.table-grid td[data-v-7501c9ce]:first-child {
    background-color: #dde2eb;
    font-weight: bold;
}
.card-header[data-v-7501c9ce] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    color: #007bff;
    cursor: pointer;
    font-family: Nunito Sans;
    font-size: 16px;
    font-weight: 800;
    color: #6d7a93;
}
.card-header .arrow[data-v-7501c9ce] {
    border: solid #6d7a93;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 3px;
    transition: transform 0.3s ease;
}
.card-body[data-v-7501c9ce] {
    padding: 20px;
    background-color: #ffffff;
    border-top: 1px solid #dee2e6;
}
.arrow-up[data-v-7501c9ce] {
    transform: rotate(-135deg);
}
.arrow-down[data-v-7501c9ce] {
    transform: rotate(45deg);
}
.card[data-v-7501c9ce] {
    margin-bottom: 10px;
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.header-title[data-v-7501c9ce] {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Nunito Sans', sans-serif;
}
.status-display[data-v-7501c9ce] {
    font-size: 18px;
    font-family: 'Nunito Sans', sans-serif;
    color: #6d7a93;
    font-weight: 900;
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.status-circle[data-v-7501c9ce] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    background-color: gray;
}
.status-circle.pending[data-v-7501c9ce] {
    background-color: #d6cd00;
}
.status-circle.declined[data-v-7501c9ce] {
    background-color: red;
}
.status-circle.approved[data-v-7501c9ce] {
    background-color: rgb(87, 227, 87);
}
.request-label[data-v-7501c9ce],
  .request-value[data-v-7501c9ce] {
    display: block;
    text-align: left;
}
.oxd-label[data-v-7501c9ce] {
    font-size: 16px;
    font-weight: 700;
}
  

.hrp-content[data-v-508363ba] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 3%;
}
.checkbox-group[data-v-508363ba] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.child-options[data-v-508363ba] {
    margin-left: 20px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
}
.child-options legend[data-v-508363ba] {
    font-weight: bold;
}
.checkbox-group-space-between[data-v-508363ba] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
  

.table-grid[data-v-7c1a30ea] {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.table-grid td[data-v-7c1a30ea] {
    padding: 12px 20px 12px 20px;
    border: 2px solid #6d7a93;
    vertical-align: middle;
    font-size: 20px;
}
.table-grid td[data-v-7c1a30ea]:first-child {
    background-color: #dde2eb;
    font-weight: bold;
}
.card-header[data-v-7c1a30ea] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    color: #007bff;
    cursor: pointer;
    font-family: Nunito Sans;
    font-size: 16px;
    font-weight: 800;
    color: #6d7a93;
}
.card-header .arrow[data-v-7c1a30ea] {
    border: solid #6d7a93;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 3px;
    transition: transform 0.3s ease;
}
.card-body[data-v-7c1a30ea] {
    padding: 20px;
    max-width: 1000px; 
    background-color: #ffffff;
    border-top: 1px solid #dee2e6;
}
.arrow-up[data-v-7c1a30ea] {
    transform: rotate(-135deg);
}
.arrow-down[data-v-7c1a30ea] {
    transform: rotate(45deg);
}
.card[data-v-7c1a30ea] {
    margin-bottom: 10px;
    border: 1px solid #dee2e6;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.header-title[data-v-7c1a30ea] {
    font-size: 20px;
    text-align: center;
    margin-bottom: 20px;
    font-family: 'Nunito Sans', sans-serif;
}
.status-display[data-v-7c1a30ea] {
    font-size: 18px;
    font-family: 'Nunito Sans', sans-serif;
    color: #6d7a93;
    font-weight: 900;
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.status-circle[data-v-7c1a30ea] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-right: 5px;
    background-color: gray;
}
.status-circle.pending[data-v-7c1a30ea] {
    background-color: #d6cd00;
}
.status-circle.declined[data-v-7c1a30ea] {
    background-color: red;
}
.status-circle.approved[data-v-7c1a30ea] {
    background-color: rgb(87, 227, 87);
}
.request-label[data-v-7c1a30ea],
  .request-value[data-v-7c1a30ea] {
    display: block;
    text-align: left;
}
.left[data-v-7c1a30ea] {
    text-align: left;
}
.right[data-v-7c1a30ea] {
    text-align: right;
}
.oxd-label[data-v-7c1a30ea] {
    font-size: 16px;
    font-weight: 700;
}
  

.hrp-content[data-v-369bcd03] {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 3%;
}
.checkbox-group[data-v-369bcd03] {
    display: flex;
    align-items: center;
    gap: 10px;
}
.child-options[data-v-369bcd03] {
    margin-left: 20px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 8px;
}
.child-options legend[data-v-369bcd03] {
    font-weight: bold;
}
.checkbox-group-space-between[data-v-369bcd03] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}
  

.orangehrm-background-container[data-v-2fc2c83a] {
  padding: 20px;
}
.orangehrm-paper-container[data-v-2fc2c83a] {
  background-color: #fff;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.orangehrm-header-container[data-v-2fc2c83a] {
  margin-bottom: 20px;
}
.hrp-content[data-v-2fc2c83a] {
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding: 3%;
}
.checkbox-group[data-v-2fc2c83a] {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
.child-options[data-v-2fc2c83a] {
  margin-left: 20px;
  padding: 15px;
  border: 1px solid #ccc;
  border-radius: 8px;
}
.wfh-child-options[data-v-2fc2c83a] {
  margin-left: 20px;
  padding: 15px;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  background-color: #f9f9f9;
}
.mobile-app-options[data-v-2fc2c83a] {
  margin-left: 20px;
}
.location-options[data-v-2fc2c83a] {
  margin-left: 20px;
}
.not-geo-location-options[data-v-2fc2c83a] {
  margin-left: 20px;
}
.specific-section[data-v-2fc2c83a] {
  margin-left: 20px;
}
.specific-options[data-v-2fc2c83a] {
  margin-left: 40px;
  margin-top: 10px;
  padding: 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  background-color: #f5f5f5;
}
.toggle-with-dropdown[data-v-2fc2c83a] {
  margin-bottom: 15px;
}
.dropdown-container[data-v-2fc2c83a] {
  margin-left: 30px;
  margin-top: 8px;
}
.select-wrapper[data-v-2fc2c83a] {
  margin-bottom: 1rem;
}
.select-wrapper[data-v-2fc2c83a]:last-child {
  margin-bottom: 0;
}
.checkbox-group-space-between[data-v-2fc2c83a] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin-bottom: 10px;
}
.child-options legend[data-v-2fc2c83a] {
  font-weight: bold;
}
.row[data-v-2fc2c83a] { 
  display: flex;
  gap: 1rem;
}
.col-6[data-v-2fc2c83a] {
  flex: 1;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-8595acd4] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-8595acd4] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-8595acd4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-8595acd4] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-8595acd4] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-8595acd4] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-8595acd4] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-8595acd4] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-8595acd4] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-8595acd4]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-8595acd4] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-8595acd4] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-8595acd4] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-8595acd4] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-8595acd4] {
  background-image: none !important;
}
.oxd-text--h5[data-v-8595acd4] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-8595acd4] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-8595acd4] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-8595acd4] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-8595acd4] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-8595acd4] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-8595acd4],
.orangehrm-dialog-header-container[data-v-8595acd4] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-8595acd4],
.orangehrm-dialog-header-container .oxd-button[data-v-8595acd4] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-8595acd4] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-8595acd4] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-8595acd4] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-8595acd4] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-8595acd4] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-8595acd4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-8595acd4] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-8595acd4] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-8595acd4] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-8595acd4] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-8595acd4] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-8595acd4] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-8595acd4] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-8595acd4] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-8595acd4] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-8595acd4] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-8595acd4] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-8595acd4] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-8595acd4] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-8595acd4] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-8595acd4] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-8595acd4] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-8595acd4] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-8595acd4] {
  color: #38455d;
}
.orangehrm-form-action[data-v-8595acd4] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-8595acd4] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-8595acd4] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-8595acd4] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-8595acd4] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-8595acd4] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-module-under-development[data-v-8595acd4] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-8595acd4] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-8595acd4] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-8595acd4] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-8595acd4] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.hrp-content[data-v-8595acd4] {
  padding: 2%;
}

.orangehrm-right-space[data-v-00f13b27] {
  background-color: red;
}
.scrollbar-top-2[data-v-00f13b27] {
    overflow-x: auto;
    overflow-y: hidden;
    height: 16px;
    margin-bottom: 4px;
}
.scrollbar-dummy-2[data-v-00f13b27] {
    height: 1px;
    min-width: 1000px;
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-12b42bc9] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-12b42bc9] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-12b42bc9] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-12b42bc9] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-12b42bc9] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-12b42bc9] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-12b42bc9] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-12b42bc9] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-12b42bc9] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-12b42bc9]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-12b42bc9] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-12b42bc9] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-12b42bc9] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-12b42bc9] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-12b42bc9] {
  background-image: none !important;
}
.oxd-text--h5[data-v-12b42bc9] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-12b42bc9] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-12b42bc9] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-12b42bc9] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-12b42bc9] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-12b42bc9] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-12b42bc9],
.orangehrm-dialog-header-container[data-v-12b42bc9] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-12b42bc9],
.orangehrm-dialog-header-container .oxd-button[data-v-12b42bc9] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-12b42bc9] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-12b42bc9] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-12b42bc9] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-12b42bc9] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-12b42bc9] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-12b42bc9] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-12b42bc9] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-12b42bc9] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-12b42bc9] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-12b42bc9] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-12b42bc9] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-12b42bc9] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-12b42bc9] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-12b42bc9] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-12b42bc9] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-12b42bc9] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-12b42bc9] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-12b42bc9] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-12b42bc9] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-12b42bc9] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-12b42bc9] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-12b42bc9] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-12b42bc9] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-12b42bc9] {
  color: #38455d;
}
.orangehrm-form-action[data-v-12b42bc9] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-12b42bc9] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-12b42bc9] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-12b42bc9] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-12b42bc9] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-12b42bc9] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-view-report-data-page[data-v-12b42bc9] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  font-family: "Nunito Sans";
}
.orangehrm-view-report-data-page__header[data-v-12b42bc9] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
}
.orangehrm-view-report-data-page__header .header-title[data-v-12b42bc9] {
  color: #64728c;
  font-size: 16px;
  font-weight: 600;
}
.orangehrm-view-report-data-page__header .header-export[data-v-12b42bc9] {
  display: flex;
  align-items: center;
  gap: 15px;
}
.orangehrm-view-report-data-page__header .header-export__label[data-v-12b42bc9] {
  color: #64728c;
  font-size: 16px;
  font-weight: 600;
}
.orangehrm-view-report-data-page .pagination-controls[data-v-12b42bc9] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  margin-top: 20px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-663fc00d] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-663fc00d] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-663fc00d] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-663fc00d] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-663fc00d] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-663fc00d] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-663fc00d] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-663fc00d] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-663fc00d] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-663fc00d]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-663fc00d] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-663fc00d] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-663fc00d] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-663fc00d] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-663fc00d] {
  background-image: none !important;
}
.oxd-text--h5[data-v-663fc00d] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-663fc00d] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-663fc00d] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-663fc00d] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-663fc00d] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-663fc00d] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-663fc00d],
.orangehrm-dialog-header-container[data-v-663fc00d] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-663fc00d],
.orangehrm-dialog-header-container .oxd-button[data-v-663fc00d] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-663fc00d] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-663fc00d] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-663fc00d] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-663fc00d] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-663fc00d] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-663fc00d] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-663fc00d] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-663fc00d] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-663fc00d] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-663fc00d] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-663fc00d] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-663fc00d] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-663fc00d] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-663fc00d] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-663fc00d] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-663fc00d] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-663fc00d] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-663fc00d] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-663fc00d] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-663fc00d] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-663fc00d] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-663fc00d] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-663fc00d] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-663fc00d] {
  color: #38455d;
}
.orangehrm-form-action[data-v-663fc00d] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-663fc00d] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-663fc00d] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-663fc00d] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-663fc00d] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-663fc00d] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.text-editor[data-v-663fc00d] {
  width: 100%;
  height: 300px;
  margin-bottom: 50px;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-10210028] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-10210028] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-10210028] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-10210028] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-10210028] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-10210028] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-10210028] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-10210028] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-10210028] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-10210028]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-10210028] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-10210028] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-10210028] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-10210028] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-10210028] {
  background-image: none !important;
}
.oxd-text--h5[data-v-10210028] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-10210028] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-10210028] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-10210028] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-10210028] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-10210028] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-10210028],
.orangehrm-dialog-header-container[data-v-10210028] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-10210028],
.orangehrm-dialog-header-container .oxd-button[data-v-10210028] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-10210028] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-10210028] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-10210028] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-10210028] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-10210028] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-10210028] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-10210028] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-10210028] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-10210028] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-10210028] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-10210028] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-10210028] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-10210028] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-10210028] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-10210028] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-10210028] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-10210028] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-10210028] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-10210028] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-10210028] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-10210028] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-10210028] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-10210028] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-10210028] {
  color: #38455d;
}
.orangehrm-form-action[data-v-10210028] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-10210028] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-10210028] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-10210028] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-10210028] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-10210028] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.categories-container[data-v-10210028] {
  max-height: calc(100vh - 300px);
  overflow: auto;
  padding: 0.5rem 0;
}
.edit-categories-list[data-v-10210028] {
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 100%;
}
.no-categories-message[data-v-10210028] {
  text-align: center;
  padding: 2rem;
  color: #64728c;
}
.orangehrm-modal-header-subtitle[data-v-10210028] {
  color: #64728c;
  margin-top: 0.5rem;
  font-style: italic;
}

.configurations-container[data-v-e1e7aba6] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.configuration-item[data-v-e1e7aba6] {
  display: flex;
  gap: 10px;
  flex-direction: column;
  padding: 10px;
  background: #f8f9fa;
  border-radius: 4px;
}
.configuration-fields[data-v-e1e7aba6] {
  display: flex;
  gap: 10px;
  flex-direction: column;
  flex: 1;
}
.add-btn[data-v-e1e7aba6] {
  margin-top: 10px;
  width: -moz-fit-content;
  width: fit-content;
}
.loading-overlay[data-v-e1e7aba6] {
  display: flex;
  justify-content: center;
  padding: 20px;
}
.remove-btn[data-v-e1e7aba6] {
  white-space: nowrap;
}
.delete-btn-wrapper[data-v-e1e7aba6] {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
}
@media (max-width: 768px) {
.configuration-item[data-v-e1e7aba6] {
    flex-direction: column;
    align-items: stretch;
}
.configuration-fields[data-v-e1e7aba6] {
    flex-direction: column;
}
.remove-btn[data-v-e1e7aba6] {
    align-self: flex-end;
    margin-top: 10px;
}
}


/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-4151fda5] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-4151fda5] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-4151fda5] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-4151fda5] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-4151fda5] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-4151fda5] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-4151fda5] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-4151fda5] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-4151fda5] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-4151fda5]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-4151fda5] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-4151fda5] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-4151fda5] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-4151fda5] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-4151fda5] {
  background-image: none !important;
}
.oxd-text--h5[data-v-4151fda5] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-4151fda5] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-4151fda5] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-4151fda5] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-4151fda5] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-4151fda5] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-4151fda5],
.orangehrm-dialog-header-container[data-v-4151fda5] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-4151fda5],
.orangehrm-dialog-header-container .oxd-button[data-v-4151fda5] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-4151fda5] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-4151fda5] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-4151fda5] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-4151fda5] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-4151fda5] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-4151fda5] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-4151fda5] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-4151fda5] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-4151fda5] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-4151fda5] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-4151fda5] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-4151fda5] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-4151fda5] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-4151fda5] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-4151fda5] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-4151fda5] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-4151fda5] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-4151fda5] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-4151fda5] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-4151fda5] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-4151fda5] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-4151fda5] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-4151fda5] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-4151fda5] {
  color: #38455d;
}
.orangehrm-form-action[data-v-4151fda5] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-4151fda5] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-4151fda5] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-4151fda5] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-4151fda5] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-4151fda5] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.categories-container[data-v-4151fda5] {
  max-height: calc(100vh - 300px);
  overflow: auto;
  padding: 0.5rem 0;
}
.edit-categories-list[data-v-4151fda5] {
  list-style: none;
  padding: 0;
  margin: 0;
  min-width: 100%;
}
.no-categories-message[data-v-4151fda5] {
  text-align: center;
  padding: 2rem;
  color: #64728c;
}
.orangehrm-modal-header-subtitle[data-v-4151fda5] {
  color: #64728c;
  margin-top: 0.5rem;
  font-style: italic;
}

.configurations-container[data-v-17ab4b21] {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.configuration-item[data-v-17ab4b21] {
  display: flex;
  gap: 10px;
  flex-direction: column;
  padding: 10px;
  background: #f8f9fa;
  border-radius: 4px;
}
.configuration-fields[data-v-17ab4b21] {
  display: flex;
  gap: 10px;
  flex-direction: column;
  flex: 1;
}
.add-btn[data-v-17ab4b21] {
  margin-top: 10px;
  width: -moz-fit-content;
  width: fit-content;
}
.loading-overlay[data-v-17ab4b21] {
  display: flex;
  justify-content: center;
  padding: 20px;
}
.remove-btn[data-v-17ab4b21] {
  white-space: nowrap;
}
.delete-btn-wrapper[data-v-17ab4b21] {
  display: flex;
  justify-content: flex-end;
  margin-top: 5px;
}
@media (max-width: 768px) {
.configuration-item[data-v-17ab4b21] {
    flex-direction: column;
    align-items: stretch;
}
.configuration-fields[data-v-17ab4b21] {
    flex-direction: column;
}
.remove-btn[data-v-17ab4b21] {
    align-self: flex-end;
    margin-top: 10px;
}
}



.orangehrm-container[data-v-1fbbd041] {
  margin-top: 1rem;
}
.orangehrm-bottom-container[data-v-1fbbd041] {
  margin-top: 1rem;
}


.orangehrm-card-container[data-v-12258cac] {
  padding: 1.5rem;
}
.accordion[data-v-12258cac] {
  max-width: 100%;
  width: 100%;
  margin: 5px auto;
}
.accordion-parent[data-v-12258cac] {
  display: flex;
  flex-direction: column;
  /* max-width: 75%; */
  width: 100%;
}
.accordion-header[data-v-12258cac] {
  cursor: pointer;
  padding: 10px;
  background-color: #ffffff;
  border: 1px solid #ccc;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 16px;
  font-family: Nunito Sans;
  color: #64728c;
  font-weight: 700;
}
.accordion-header .icon[data-v-12258cac] {
  transition: transform 0.3s ease;
  color: #64728c;
}
.accordion-header .is-open[data-v-12258cac] {
  transform: rotate(180deg);
}
.accordion-content[data-v-12258cac] {
  padding: 20px;
  border: 1px solid #ccc;
  border-top: none;
  background-color: white;
}


.org-chart[data-v-67120b4f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.level[data-v-67120b4f] {
  display: flex;
  justify-content: center;
  margin-top: 20px;
  position: relative;
&[data-v-67120b4f]::after {
    content: '';
    background-color: #d8d8d8;
    height: 2px;
    width: calc(100% - 150px);
    position: absolute;
    left: 75px;
    right: 75px;
}
&[data-v-67120b4f]::before {
    content: '';
    width: 2px;
    height: 25px;
    background-color: #d8d8d8;
    position: absolute;
    left: 50%;
    top: -25px;
}
&.first-level[data-v-67120b4f] {
&[data-v-67120b4f]::after {
      display: none;
}
&[data-v-67120b4f]::before {
      display: none;
}
> .branch > .node[data-v-67120b4f] {
&[data-v-67120b4f]::after {
        display: none;
}
}
}
}
.branch[data-v-67120b4f] {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 15px;
}
.sub-branch[data-v-67120b4f] {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.node[data-v-67120b4f] {
  margin: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  width: 100px;
&[data-v-67120b4f]::after {
    content: '';
    position: absolute;
    left: 50%;
    width: 2px;
    background-color: #d8d8d8;
    height: 25px;
    top: -25px;
}
}
.node p[data-v-67120b4f] {
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 800;
  font-size: 14px;
  color: #64728c;
  margin: 10px 0 0 0;
}
.img-supervisor[data-v-67120b4f],
.img-subordinate[data-v-67120b4f] {
  border-radius: 50%;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.img-supervisor[data-v-67120b4f] {
  width: 80px;
  height: 80px;
}
.img-subordinate[data-v-67120b4f] {
  width: 60px;
  height: 60px;
}
.img-container[data-v-67120b4f] {
  position: relative;
.img-expand[data-v-67120b4f] {
    position: absolute;
    right: -20px;
    bottom: -15px;
    width: 40px;
    height: 40px;
}
}

/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container[data-v-3ed96ab0] {
  width: 100% !important;
}
.orangehrm-login-layout[data-v-3ed96ab0] {
  background-color: #fff !important;
}
.orangehrm-login-branding[data-v-3ed96ab0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper[data-v-3ed96ab0] {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form[data-v-3ed96ab0] {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form[data-v-3ed96ab0] {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label[data-v-3ed96ab0] {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon[data-v-3ed96ab0] {
  color: #fff !important;
}
.orangehrm-login-button[data-v-3ed96ab0] {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button[data-v-3ed96ab0]:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p[data-v-3ed96ab0] {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p[data-v-3ed96ab0] {
  color: #fff !important;
}
.orangehrm-copyright a[data-v-3ed96ab0] {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header[data-v-3ed96ab0] {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header[data-v-3ed96ab0] {
  background-image: none !important;
}
.oxd-text--h5[data-v-3ed96ab0] {
  color: #64728c !important;
}
.oxd-sidepanel[data-v-3ed96ab0] {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon[data-v-3ed96ab0] {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a[data-v-3ed96ab0] {
  color: #fff !important;
}
.oxd-main-menu-item--icon[data-v-3ed96ab0] {
  color: #fff !important;
}
.oxd-main-menu-button[data-v-3ed96ab0] {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container[data-v-3ed96ab0],
.orangehrm-dialog-header-container[data-v-3ed96ab0] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button[data-v-3ed96ab0],
.orangehrm-dialog-header-container .oxd-button[data-v-3ed96ab0] {
  white-space: nowrap;
}
.orangehrm-header-container[data-v-3ed96ab0] {
  padding: 25px;
}
.orangehrm-dialog-header-container[data-v-3ed96ab0] {
  padding: 1.2rem;
}
.orangehrm-main-title[data-v-3ed96ab0] {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title[data-v-3ed96ab0] {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space[data-v-3ed96ab0] {
  margin-left: 10px;
}
.orangehrm-card-container[data-v-3ed96ab0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container[data-v-3ed96ab0] {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input[data-v-3ed96ab0] {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data[data-v-3ed96ab0] {
  font-size: 1rem;
}
.orangehrm-paper-container[data-v-3ed96ab0] {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding[data-v-3ed96ab0] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding[data-v-3ed96ab0] {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding[data-v-3ed96ab0] {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding[data-v-3ed96ab0] {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding[data-v-3ed96ab0] {
  padding-top: 25px;
}
.orangehrm-horizontal-margin[data-v-3ed96ab0] {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin[data-v-3ed96ab0] {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container[data-v-3ed96ab0] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container[data-v-3ed96ab0] {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint[data-v-3ed96ab0] {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins[data-v-3ed96ab0] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper[data-v-3ed96ab0] {
  margin: 0.5rem 0;
}
.orangehrm-copyright[data-v-3ed96ab0] {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a[data-v-3ed96ab0] {
  color: #38455d;
}
.orangehrm-form-action[data-v-3ed96ab0] {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint[data-v-3ed96ab0] {
    width: 100%;
}
}
.orangehrm-dialog-modal[data-v-3ed96ab0] {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup[data-v-3ed96ab0] {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space[data-v-3ed96ab0] {
  margin-bottom: 1rem;
}
.oxd-tab-bar[data-v-3ed96ab0] {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-dialog-modal[data-v-3ed96ab0] {
  position: relative;
}
.orangehrm-dialog-modal .loading-overlay[data-v-3ed96ab0] {
  position: absolute;
  left: 0;
  width: 100%;
  height: 97%;
  background: rgba(255, 255, 255, 0.87);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  border-radius: 10px;
  gap: 10px;
}
.loading-message[data-v-3ed96ab0] {
  font-size: 14px;
  color: #333333;
  text-align: center;
  font-weight: 100;
}
.orangehrm-module-under-development[data-v-3ed96ab0] {
  text-align: center;
}
.orangehrm-module-under-development-img[data-v-3ed96ab0] {
  max-width: 100%;
  height: 100%;
  max-height: 350px;
  display: block;
  margin: 0 auto;
  -o-object-fit: fill;
     object-fit: fill;
}
.orangehrm-module-under-development-heading[data-v-3ed96ab0] {
  color: var(--oxd-primary-one-color);
  font-weight: 700;
}
.orangehrm-module-under-development-text[data-v-3ed96ab0] {
  font-size: 14px;
  max-width: 800px;
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-module-under-development-link[data-v-3ed96ab0] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
.comment-container[data-v-3ed96ab0] {
  margin-top: 15px;
  padding: 25px;
}
.hrp-content[data-v-3ed96ab0] {
  padding: 2%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.form-label {
  margin-bottom: -8px !important;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.form-label.required::after {
  content: "*";
  color: red;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.form-label {
  margin-bottom: -8px !important;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.form-label.required::after {
  content: "*";
  color: red;
}
.header-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.left-action-container {
  display: flex;
  align-items: center;
  gap: 20px;
}
.attachment-container {
  display: flex;
  gap: 10px;
  font-size: 14px;
  font-family: "Nunito Sans";
  font-weight: 600;
  color: #64728c;
}
.attachment-link {
  display: flex;
  gap: 5px;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
.attachment-link:hover {
  text-decoration: underline;
  color: blue;
}
.comment-section-container .comment-holder {
  display: grid;
  grid-gap: 15px;
}
.comment-section-container .comment-holder .comment-box {
  display: grid;
  grid-template-areas: "comment-left-bar comment-top" "comment-left-bar comment-body";
  grid-template-columns: 5px 1fr;
  gap: 5px;
  padding: 0.5rem 0.5rem 0 0;
  padding-block: 5px;
  padding-inline: 5px 20px;
  border: 1px solid #dadbdd;
  border-radius: 5px;
  color: #64728c;
  font-size: 12px;
}
.comment-section-container .comment-holder .comment-box.hr_message {
  border: 1px solid rgb(236, 19, 19);
  box-shadow: 5px 10px 10px -10px #64728c;
}
.comment-section-container .comment-holder .comment-box.hr_message .comment-body {
  display: grid;
  grid-template-columns: auto 8px;
  grid-gap: 5px;
}
.comment-section-container .comment-holder .comment-box.hr_message .comment-body .important-icon {
  display: grid;
  align-self: flex-end;
  color: rgb(236, 19, 19);
}
.comment-section-container .comment-holder .comment-box .comment-left-bar {
  grid-area: comment-left-bar;
  width: 5px;
  height: 100%;
  background-color: #64728c;
  border-radius: 5px;
}
.comment-section-container .comment-holder .comment-box .comment-left-bar.hr_message {
  background-color: rgb(236, 19, 19);
}
.comment-section-container .comment-holder .comment-box .comment-top {
  grid-area: comment-top;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.comment-section-container .comment-holder .comment-box .comment-top .comment-timestamp {
  font-family: "Nunito Sans";
}
.comment-section-container .comment-holder .comment-box .comment-body {
  grid-area: comment-body;
  font-family: "Nunito Sans";
  font-weight: 400;
  margin-top: 10px;
  margin-left: 35px;
}
.comment-section-container .comment-holder .comment-box .profile-holder {
  display: flex;
  align-items: center;
  gap: 10px;
}
.comment-section-container .comment-holder .comment-box .profile-holder .user-image {
  height: 25px;
  width: 25px;
  border-radius: 50%;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}
.orangehrm-login-layout {
  background-color: #fff !important;
}
.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}
.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}
.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}
.orangehrm-login-form {
  width: 80% !important;
}
.orangehrm-login-form .oxd-label {
  color: #fff !important;
}
.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}
.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}
.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}
.orangehrm-login-forgot p {
  color: #fff !important;
}
.orangehrm-copyright-wrapper p {
  color: #fff !important;
}
.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}
.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}
.oxd-topbar-header {
  background-image: none !important;
}
.oxd-text--h5 {
  color: #64728c !important;
}
.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}
.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}
.oxd-main-menu-item--icon {
  color: #fff !important;
}
.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}
.orangehrm-header-container {
  padding: 25px;
}
.orangehrm-dialog-header-container {
  padding: 1.2rem;
}
.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}
.orangehrm-left-space {
  margin-left: 10px;
}
.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}
.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}
.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}
.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}
.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}
.orangehrm-top-padding {
  padding-top: 25px;
}
.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}
.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}
.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}
.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}
.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}
.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
.orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
}
}
.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}
.orangehrm-dialog-popup {
  max-width: 450px;
}
.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.form-label {
  margin-bottom: -8px !important;
  font-family: "Nunito Sans";
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.form-label.required::after {
  content: "*";
  color: red;
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}

.orangehrm-login-layout {
  background-color: #fff !important;
}

.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}

.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}

.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}

.orangehrm-login-form {
  width: 80% !important;
}

.orangehrm-login-form .oxd-label {
  color: #fff !important;
}

.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}

.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}

.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}

.orangehrm-login-forgot p {
  color: #fff !important;
}

.orangehrm-copyright-wrapper p {
  color: #fff !important;
}

.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}

.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}

.oxd-topbar-header {
  background-image: none !important;
}

.oxd-text--h5 {
  color: #64728c !important;
}

.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}

.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}

.oxd-main-menu-item--icon {
  color: #fff !important;
}

.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}

.orangehrm-header-container {
  padding: 25px;
}

.orangehrm-dialog-header-container {
  padding: 1.2rem;
}

.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

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

.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}

.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}

.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}

.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}

.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}

.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.orangehrm-top-padding {
  padding-top: 25px;
}

.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}

.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}

.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}

.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}

.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}

.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}

.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}

.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
  .orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
  }
}

.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}

.orangehrm-dialog-popup {
  max-width: 450px;
}

.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}

.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.oxd-toast-container {
  position: fixed;
  display: flex;
  flex-direction: column;
  z-index: 1200 !important;
  left: 12px;
}
@media (min-width: 0px) {
  .oxd-toast-container {
    min-width: 290px;
  }
}
@media (min-width: 800px) {
  .oxd-toast-container {
    min-width: 400px;
  }
}
.oxd-toast-container--bottom {
  bottom: 1rem;
}
.oxd-toast-container--top {
  top: 1rem;
}

.oxd-toast-container--toast {
  margin-bottom: 0.4rem;
}

@keyframes fadeInLeft {
  0% {
    transform: translateX(-50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes fadeOutLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50px);
    opacity: 0;
  }
}
.oxd-toast-list-enter-active {
  animation: fadeInLeft 0.5s cubic-bezier(0.82, 0.085, 0.395, 0.895);
}

.oxd-toast-list-leave-active {
  animation: fadeOutLeft 0.5s cubic-bezier(0.82, 0.085, 0.395, 0.895);
}
/* Import OXD Globals */
/* OXD - Primary Colors */
/* OXD - Secondary Colors */
/* OXD - Interface Colors */
/* OXD - Background & Overly Colors */
/* OXD - Feedback Colors */
/* OXD - Gradient Colors */
/* OXD Font Color */
/* Global */
/* Input Control */
/* custom branding */
/*login page css */
.orangehrm-login-container {
  width: 100% !important;
}

.orangehrm-login-layout {
  background-color: #fff !important;
}

.orangehrm-login-branding {
  background-color: var(--oxd-secondary-four-color) !important;
  border-radius: 0 !important;
  padding: 1rem 0 !important;
  box-shadow: none !important;
}

.orangehrm-login-slot-wrapper {
  width: 30% !important;
  min-width: 360px !important;
  margin: auto;
  padding: 0 !important;
  background-color: var(--oxd-secondary-four-color) !important;
  box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -webkit-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  -moz-box-shadow: 9px 9px 20px -9px rgba(0, 0, 0, 0.55) !important;
  border-radius: 8px;
}

.orangehrm-login-form {
  width: 80%;
  min-width: 360px;
}

.orangehrm-login-form {
  width: 80% !important;
}

.orangehrm-login-form .oxd-label {
  color: #fff !important;
}

.orangehrm-login-form .oxd-input-group__label-icon {
  color: #fff !important;
}

.orangehrm-login-button {
  background-color: var(--oxd-primary-gradient-start-color) !important;
  color: #fff !important;
  font-size: 16px !important;
}

.orangehrm-login-button:hover {
  background-color: var(--oxd-primary-gradient-end-color) !important;
}

.orangehrm-login-forgot p {
  color: #fff !important;
}

.orangehrm-copyright-wrapper p {
  color: #fff !important;
}

.orangehrm-copyright a {
  color: var(--oxd-primary-gradient-start-color) !important;
}

.oxd-topbar-header {
  background-color: var(--oxd-primary-one-color) !important;
}

.oxd-topbar-header {
  background-image: none !important;
}

.oxd-text--h5 {
  color: #64728c !important;
}

.oxd-sidepanel {
  background-color: var(--oxd-secondary-four-color) !important;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

.oxd-main-menu-search .oxd-icon {
  color: #fff !important;
  padding-right: 4px !important;
}

.oxd-main-menu-item-wrapper a {
  color: #fff !important;
}

.oxd-main-menu-item--icon {
  color: #fff !important;
}

.oxd-main-menu-button {
  border: 2px solid #fff;
  font-size: 14px;
  font-weight: bold;
}

/* end of custom branding */
.orangehrm-header-container,
.orangehrm-dialog-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
}
.orangehrm-header-container .oxd-button,
.orangehrm-dialog-header-container .oxd-button {
  white-space: nowrap;
}

.orangehrm-header-container {
  padding: 25px;
}

.orangehrm-dialog-header-container {
  padding: 1.2rem;
}

.orangehrm-main-title {
  font-size: 16px !important;
  font-weight: 700 !important;
}

.orangehrm-sub-title {
  padding: 0.25rem 0 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
}

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

.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}

.orangehrm-container {
  background-color: #e8eaef;
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid #929baa;
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}

.orangehrm-paper-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
}

.orangehrm-horizontal-padding {
  padding-left: 25px;
  padding-right: 25px;
}

.orangehrm-dialog-horizontal-padding {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.orangehrm-vertical-padding {
  padding-top: 25px;
  padding-bottom: 25px;
}

.orangehrm-dialog-vertical-padding {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.orangehrm-top-padding {
  padding-top: 25px;
}

.orangehrm-horizontal-margin {
  margin-left: 25px;
  margin-right: 25px;
}

.orangehrm-dialog-horizontal-margin {
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}

.orangehrm-bottom-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}

.orangehrm-background-container {
  padding: 1.5rem 0;
  flex: 1;
}

.orangehrm-input-hint {
  font-size: 0.75rem;
  margin-top: -15px;
  padding-bottom: 1rem;
}

.orangehrm-clear-margins {
  margin-top: 0;
  margin-bottom: 0;
}

.orangehrm-copyright-wrapper {
  margin: 0.5rem 0;
}

.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: #38455d;
}

.orangehrm-form-action {
  gap: 10px;
  flex-wrap: wrap !important;
}
@media screen and (max-width: 600px) {
  .orangehrm-form-action .orangehrm-form-hint {
    width: 100%;
  }
}

.orangehrm-dialog-modal {
  width: 90%;
  max-width: 600px;
}

.orangehrm-dialog-popup {
  max-width: 450px;
}

.orangehrm-input-field-bottom-space {
  margin-bottom: 1rem;
}

.oxd-tab-bar {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.orangehrm-loader {
  z-index: 1100 !important;
}
.orangehrm-loader-fade-enter-active, .orangehrm-loader-fade-leave-active {
  transition: opacity 0.25s ease;
}
.orangehrm-loader-fade-enter-from, .orangehrm-loader-fade-leave-to {
  opacity: 0;
}