/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/candidaturePlugin/components/form-component.scss?vue&type=style&index=0&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap);
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/candidaturePlugin/components/form-component.scss?vue&type=style&index=0&lang=scss (1) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Telegram:wght@400;700&display=swap);
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/candidaturePlugin/components/form-component.scss?vue&type=style&index=0&id=c2f22a12&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap);
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/candidaturePlugin/components/form-component.scss?vue&type=style&index=0&id=c2f22a12&lang=scss&scoped=true (1) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css2?family=Telegram:wght@400;700&display=swap);
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/table/TableHeader.vue?vue&type=style&index=0&id=47bf13c8&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/labels/RequiredText.vue?vue&type=style&index=0&id=49c57bca&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-form-hint[data-v-49c57bca] {
  width: 100%;
  font-weight: 600;
  font-size: 0.75rem;
  margin-right: auto;
}
@media screen and (min-width: 400px) {
.orangehrm-form-hint[data-v-49c57bca] {
    width: unset;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/pages/About.vue?vue&type=style&index=0&id=65788c6a&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.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;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/core/components/buttons/upgrade-button.scss?vue&type=style&index=0&id=b435ee24&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-upgrade-container[data-v-b435ee24] {
  margin-left: auto;
  margin-top: auto;
  position: relative;
  left: 25px;
  z-index: 10;
}
.orangehrm-upgrade-link[data-v-b435ee24] {
  text-decoration: inherit;
  color: inherit;
  cursor: auto;
}
.orangehrm-upgrade-button[data-v-b435ee24] {
  font-size: 0rem;
  padding-top: 0.9rem;
  padding-bottom: 0.9rem;
  padding-left: 0.9rem;
  padding-right: 0.3rem;
}
@media (min-width: 800px) {
.orangehrm-upgrade-button[data-v-b435ee24] {
    color: var(--oxd-primary-one-color);
    font-size: 14px;
    white-space: nowrap;
    padding-left: 1rem;
    padding-right: 1rem;
    font-weight: 700;
}
}
.orangehrm-upgrade-icon[data-v-b435ee24] {
  color: var(--oxd-primary-one-color);
  scale: 1.5;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/layout/Layout.vue?vue&type=style&index=0&id=7f9702fd&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-upgrade-layout .oxd-topbar-header-userarea {
  align-self: center;
  margin-left: unset;
}
/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/core/styles/global.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.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-left-header-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 10px;
  align-items: center;
  padding: 25px;
}
.orangehrm-left-header-container .oxd-button {
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .orangehrm-left-header-container {
    flex-direction: column;
    align-items: flex-start;
  }
}

.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-input-title {
  padding: 0.25rem 0 !important;
  font-size: 12px !important;
  font-weight: 600 !important;
}

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

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

.orangehrm-card-container {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
@media screen and (max-width: 400px) {
  .orangehrm-card-container .oxd-form-actions {
    gap: 5px 0;
    flex-wrap: wrap;
  }
}

.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: -10px;
  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: 5px;
  flex-wrap: wrap !important;
}

.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;
}
/*!*****************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/core/plugins/toaster/toaster.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.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);
}
/*!***************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-24.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-24.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-24.use[3]!./src/core/plugins/loader/loader.scss ***!
  \***************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.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;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/pages/ModuleUnderDevelopment.vue?vue&type=style&index=0&id=36c36f81&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.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);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/pages/Disabled.vue?vue&type=style&index=0&id=b54e39a4&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.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;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/core/components/dialogs/dialog.scss?vue&type=style&index=0&id=ee9f49a4&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.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;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/inputs/FileUploadInput.vue?vue&type=style&index=0&id=d653c6ae&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.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;
  vertical-align: middle;
}
.orangehrm-file-name[data-v-d653c6ae] {
  display: block;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  margin-bottom: 0.5rem;
}
.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;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/inputs/EmployeeAutocomplete.vue?vue&type=style&index=0&id=597edb2c&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/labels/PasswordStrengthIndicator.vue?vue&type=style&index=0&id=3576e685&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-password-chip[data-v-3576e685] {
  top: 0px;
  right: 0px;
  font-weight: 600;
  position: absolute;
  color: #ffffff;
  font-family: "Nunito Sans", sans-serif;
}
.orangehrm-password-chip.--strength-better[data-v-3576e685] {
  color: #979900;
  background-color: #fcff00;
}
.orangehrm-password-chip.--strength-strong[data-v-3576e685] {
  background-color: #bde813;
}
.orangehrm-password-chip.--strength-strongest[data-v-3576e685] {
  background-color: #93b40f;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/inputs/PasswordInput.vue?vue&type=style&index=0&id=13a16b6b&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.user-password-row[data-v-13a16b6b] {
  padding: 10px;
  background-color: #fafafc;
  border-radius: 0.75rem;
}
.user-password-row[data-v-13a16b6b] .orangehrm-password-chip {
  top: -5px;
  right: 8px;
}
.user-password-hint[data-v-13a16b6b] {
  font-size: 0.75rem;
}
.user-password-cell[data-v-13a16b6b] {
  position: relative;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAdminPlugin/pages/orgStructure/SaveOrgUnit.vue?vue&type=style&index=0&id=43b66d43&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAdminPlugin/pages/orgStructure/org-structure.scss?vue&type=style&index=0&id=212a3027&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.org-root-container[data-v-212a3027] {
  padding: 0.5em 1.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}
.org-root-container .oxd-text[data-v-212a3027] {
  position: relative;
  display: flex;
  align-items: center;
}
.org-root-container .oxd-text.--parent[data-v-212a3027]::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-212a3027]::before {
  content: "";
  border-top: 0.15rem solid var(--oxd-primary-one-color);
  width: 1rem;
  margin-right: 0.5rem;
}
.org-container[data-v-212a3027] {
  background-color: #e8eaef;
  padding: 0.5rem 1rem;
}
.org-container .loader[data-v-212a3027] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem 0;
}
.org-container .loader .oxd-loading-spinner-container[data-v-212a3027] {
  background-color: #ffffff;
}
.org-structure-card[data-v-212a3027] {
  display: flex;
  min-height: 35px;
  padding: 0.35rem;
  border-radius: 0.75rem;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
}
@media (min-width: 800px) {
.org-structure-card[data-v-212a3027] {
    padding: 0.5rem 1rem;
}
}
.org-name[data-v-212a3027] {
  position: relative;
  overflow: hidden;
  max-height: 4.5;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.org-name[data-v-212a3027]: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: 3) {
.org-name[data-v-212a3027] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.org-name[data-v-212a3027]:after {
    display: none;
}
}
.org-structure-add[data-v-212a3027] {
  min-width: unset;
  padding: 0.5rem 1rem;
}
.org-action[data-v-212a3027] {
  display: flex;
  list-style: none;
  position: relative;
}
.org-action-icon[data-v-212a3027] {
  margin-right: 0.5rem;
}
.org-action-icon[data-v-212a3027]:last-child {
  margin-right: unset;
}
.org-action-description[data-v-212a3027] {
  display: flex;
  cursor: pointer;
  font-size: 12px;
  padding: 0.2rem 1rem;
}
.org-action-description[data-v-212a3027]:hover {
  background-color: #f6f7f9;
}
.org-action[data-v-212a3027] .oxd-dropdown-menu {
  right: 0;
  top: 40px;
  left: unset;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAdminPlugin/pages/orgStructure/OrgStructure.vue?vue&type=style&index=1&id=212a3027&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-tree-node-content {
  width: 100%;
}
.oxd-tree-node-toggle .oxd-icon-button {
  background-color: #ffffff !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAdminPlugin/pages/organizationGeneralInformation/general-info.scss?vue&type=style&index=0&id=48fe78ac&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.organization-name-container[data-v-48fe78ac] {
  grid-column: span 2;
}
.no-of-employees-value[data-v-48fe78ac] {
  font-size: 12px;
  padding: 0.675rem 0.5rem;
}
.orangehrm-header-container[data-v-48fe78ac] {
  padding: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAdminPlugin/pages/emailConfiguration/email-configuration.scss?vue&type=style&index=0&id=01b528cc&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-01b528cc] .--status-grouped-field {
  display: flex;
  max-width: 13rem;
}
.send-method-div[data-v-01b528cc] {
  display: flex;
  flex-direction: row;
}
@media (max-width: 800px) {
.send-method-div[data-v-01b528cc] {
    flex-direction: column;
}
}
.sendmail-path-value[data-v-01b528cc] {
  font-size: 12px;
  padding: 0.675rem 0.5rem;
}
.orangehrm-optional-field-row[data-v-01b528cc] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.orangehrm-optional-field-label[data-v-01b528cc] {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  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-01b528cc] {
  font-size: 0.75rem;
  margin-top: -0.8rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAdminPlugin/components/InlineActionButton.vue?vue&type=style&index=0&id=67446e3d&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-action-header[data-v-67446e3d] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
}
.orangehrm-action-header button[data-v-67446e3d] {
  margin-left: 1rem;
  white-space: nowrap;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAdminPlugin/pages/moduleConfiguration/EditModuleConfiguration.vue?vue&type=style&index=0&id=622c4b9a&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-module-field-row[data-v-622c4b9a] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-module-field-label[data-v-622c4b9a] {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  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%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAdminPlugin/pages/workShift/work-shift.scss?vue&type=style&index=0&id=ced4a0a4&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-workshift-duration[data-v-ced4a0a4] {
  font-size: 12px;
  padding: 0.675rem 0rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAdminPlugin/pages/workShift/work-shift.scss?vue&type=style&index=0&id=7fdb9041&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-workshift-duration[data-v-7fdb9041] {
  font-size: 12px;
  padding: 0.675rem 0rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAdminPlugin/pages/emailSubscription/SaveSubscriber.vue?vue&type=style&index=0&id=6a334a13&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAdminPlugin/pages/emailSubscription/EditSubscriber.vue?vue&type=style&index=0&id=6ba97be0&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAdminPlugin/components/InlineColorInput.vue?vue&type=style&index=0&id=62b5971c&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-62b5971c] .oxd-input-group__label-wrapper {
  display: none;
}
[data-v-62b5971c] .orangehrm-color-input-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[data-v-62b5971c] .oxd-color-input {
  padding: 2px;
  flex-shrink: 0;
}
.oxd-input-field-bottom-space[data-v-62b5971c] {
  margin-bottom: 1rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAdminPlugin/pages/corporateBranding/corporate-branding.scss?vue&type=style&index=0&id=ee5c84ee&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-actions-group[data-v-ee5c84ee] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-actions-group[data-v-ee5c84ee] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-actions-group[data-v-ee5c84ee] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-actions-group[data-v-ee5c84ee] .oxd-button--medium {
    width: unset;
}
}
.orangehrm-sm-field[data-v-ee5c84ee] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.675rem 0rem;
}
.orangehrm-sm-field-label[data-v-ee5c84ee] {
  font-weight: 700;
  font-size: 12px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAdminPlugin/pages/languagePackage/language-package.scss?vue&type=style&index=0&id=c85242e0&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.addlanguage-note[data-v-c85242e0] {
  background-color: #e8eaef;
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.addlanguage-note-text[data-v-c85242e0] {
  padding: 1.2rem;
}
.orangehrm-information-card-text[data-v-c85242e0] {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}
[data-v-c85242e0] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAdminPlugin/pages/languagePackage/language-package.scss?vue&type=style&index=0&id=22edda65&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.addlanguage-note[data-v-22edda65] {
  background-color: #e8eaef;
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.addlanguage-note-text[data-v-22edda65] {
  padding: 1.2rem;
}
.orangehrm-information-card-text[data-v-22edda65] {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}
[data-v-22edda65] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAdminPlugin/components/edit-translation-table.scss?vue&type=style&index=0&id=5aa4b47a&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-translation-container[data-v-5aa4b47a] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-translation-grid[data-v-5aa4b47a] {
  padding-top: 0.5rem;
}
@media (min-width: 600px) {
.orangehrm-translation-grid[data-v-5aa4b47a] {
    grid-template-columns: 1fr;
}
}
@media (min-width: 1000px) {
.orangehrm-translation-grid[data-v-5aa4b47a] {
    grid-template-columns: repeat(3, 1fr);
}
}
.orangehrm-translation-grid-header[data-v-5aa4b47a] {
  display: none;
  margin-bottom: 1rem;
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-header[data-v-5aa4b47a] {
    display: block;
}
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-langstring-header[data-v-5aa4b47a] {
    display: none;
}
}
.orangehrm-translation-grid-langstring-header-note[data-v-5aa4b47a] {
  display: none;
}
.orangehrm-translation-grid-text[data-v-5aa4b47a] {
  font-size: 0.75rem;
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-text[data-v-5aa4b47a] {
    display: flex;
    align-items: center;
}
}
.oxd-text--card-title[data-v-5aa4b47a] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.oxd-text--card-title[data-v-5aa4b47a] {
    padding-bottom: 1rem;
}
}
@media (min-width: 1000px) {
.note[data-v-5aa4b47a] {
    display: none;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAdminPlugin/pages/languageTranslation/languageTranslation.vue?vue&type=style&index=0&id=bf371d4a&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-bf371d4a] {
  justify-content: end;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAdminPlugin/components/LanguageStringsImportModal.vue?vue&type=style&index=0&id=7b8ce91a&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-7b8ce91a] {
  display: flex;
  margin-bottom: 1.2rem;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-7b8ce91a] {
  display: flex;
  margin-top: 1.2rem;
  justify-content: center;
}
.orangehrm-text-center-align[data-v-7b8ce91a] {
  text-align: center;
  overflow-wrap: break-word;
}
[data-v-7b8ce91a] .orangehrm-dialog-popup {
  width: 450px;
}
.orangehrm-success-message[data-v-7b8ce91a] {
  color: #34bc40;
}
.orangehrm-error-message[data-v-7b8ce91a] {
  color: #eb0910;
}
.orangehrm-warn-message[data-v-7b8ce91a] {
  color: #ffa62f;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAdminPlugin/pages/languageImport/LanguageImport.vue?vue&type=style&index=0&id=ba9f2332&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-information-card-container[data-v-ba9f2332] {
  background-color: #e8eaef;
  border-radius: 1.2rem;
  padding: 1.2rem;
}
.orangehrm-information-card-text[data-v-ba9f2332] {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}
.orangehrm-information-card-text .download-link[data-v-ba9f2332] {
  color: var(--oxd-primary-one-color);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAdminPlugin/components/ldap-sync-connection.scss?vue&type=style&index=0&id=685a03dc&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-ldap-sync[data-v-685a03dc] {
  display: flex;
  flex-direction: column;
}
@media (min-width: 800px) {
.orangehrm-ldap-sync[data-v-685a03dc] {
    flex-direction: row;
    align-items: center;
}
.orangehrm-ldap-sync-time[data-v-685a03dc] {
    margin-left: 1rem;
}
}
.orangehrm-ldap-sync-button[data-v-685a03dc] {
  white-space: normal !important;
}
.orangehrm-ldap-sync-loader[data-v-685a03dc] {
  margin: 0 2rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAdminPlugin/components/LdapTestConnectionModal.vue?vue&type=style&index=0&id=5761948a&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-ldap-test[data-v-5761948a] {
  margin-bottom: 0.75rem;
}
.orangehrm-ldap-test-title[data-v-5761948a] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.orangehrm-ldap-test-value.--success[data-v-5761948a] {
  color: #34bc40;
}
.orangehrm-ldap-test-value.--error[data-v-5761948a] {
  color: #eb0910;
}
.orangehrm-ldap-test-row[data-v-5761948a] {
  width: 100%;
  display: flex;
  font-size: 14px;
  margin-bottom: 0.2rem;
}
.orangehrm-ldap-test-content[data-v-5761948a] {
  flex: 1;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAdminPlugin/pages/ldap/ldap-configuration.scss?vue&type=style&index=0&id=62bc6c3f&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-62bc6c3f] {
  padding: 0;
}
.orangehrm-column-half[data-v-62bc6c3f] {
  width: 50%;
}
.orangehrm-form-divider[data-v-62bc6c3f] {
  margin: 1rem 0;
}
.orangehrm-subtitle[data-v-62bc6c3f] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 1rem;
}
.orangehrm-ldap-switch[data-v-62bc6c3f] {
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.orangehrm-ldap-switch-text[data-v-62bc6c3f] {
  font-size: 12px;
}
.orangehrm-ldap-grid[data-v-62bc6c3f] {
  grid-template-columns: repeat(3, 1fr);
}
.orangehrm-ldap-grid-header[data-v-62bc6c3f] {
  font-size: 12px;
  font-weight: 700;
  align-self: start;
  margin-bottom: 1rem;
}
.orangehrm-ldap-grid-content[data-v-62bc6c3f] {
  font-size: 12px;
  position: relative;
}
.orangehrm-ldap-grid-icon[data-v-62bc6c3f] {
  right: 0;
  font-size: 18px;
  position: absolute;
}
.orangehrm-ldap-grid[data-v-62bc6c3f] .oxd-input-group__label-wrapper {
  display: none;
}
.orangehrm-ldap-grid[data-v-62bc6c3f] .oxd-switch-wrapper {
  margin-top: 0.75rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAdminPlugin/components/edit-translation-table.scss?vue&type=style&index=0&id=07df8d10&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-translation-container[data-v-07df8d10] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-translation-grid[data-v-07df8d10] {
  padding-top: 0.5rem;
}
@media (min-width: 600px) {
.orangehrm-translation-grid[data-v-07df8d10] {
    grid-template-columns: 1fr;
}
}
@media (min-width: 1000px) {
.orangehrm-translation-grid[data-v-07df8d10] {
    grid-template-columns: repeat(3, 1fr);
}
}
.orangehrm-translation-grid-header[data-v-07df8d10] {
  display: none;
  margin-bottom: 1rem;
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-header[data-v-07df8d10] {
    display: block;
}
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-langstring-header[data-v-07df8d10] {
    display: none;
}
}
.orangehrm-translation-grid-langstring-header-note[data-v-07df8d10] {
  display: none;
}
.orangehrm-translation-grid-text[data-v-07df8d10] {
  font-size: 0.75rem;
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-text[data-v-07df8d10] {
    display: flex;
    align-items: center;
}
}
.oxd-text--card-title[data-v-07df8d10] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.oxd-text--card-title[data-v-07df8d10] {
    padding-bottom: 1rem;
}
}
@media (min-width: 1000px) {
.note[data-v-07df8d10] {
    display: none;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAdminPlugin/pages/languageImport/FixLanguageStringErrors.vue?vue&type=style&index=0&id=da3d21a2&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-da3d21a2] {
  display: flex;
  align-items: center;
}
.orangehrm-main-title[data-v-da3d21a2] {
  text-align: left;
}
.pagination[data-v-da3d21a2] {
  margin-left: auto;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmRecruitmentPlugin/components/JobCategorySelectionModal.vue?vue&type=style&index=0&id=791648fa&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-791648fa] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-791648fa] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-text-center-align[data-v-791648fa] {
  text-align: center;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/dropdown/TableFilter.vue?vue&type=style&index=0&id=5e4cbb8a&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-filter[data-v-5e4cbb8a] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.oxd-table-filter-title[data-v-5e4cbb8a] {
  font-size: 14px;
  font-weight: 800;
}
.oxd-table-filter-header[data-v-5e4cbb8a] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.oxd-table-filter-header-options[data-v-5e4cbb8a] {
  display: flex;
}
.oxd-table-filter-header-options .--toggle[data-v-5e4cbb8a],
.oxd-table-filter-header-options .--export[data-v-5e4cbb8a] {
  display: flex;
}
.oxd-table-filter-header-options .oxd-icon-button[data-v-5e4cbb8a] {
  font-size: 12px;
  width: 24px !important;
  height: 24px !important;
  min-width: unset;
  min-height: unset;
  margin-right: 5px;
}
.oxd-table-filter-header-options .oxd-button[data-v-5e4cbb8a] {
  padding-right: 5px;
  padding-left: 5px;
  min-width: unset;
  margin-right: 5px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAdminPlugin/pages/companies/Companies.vue?vue&type=style&index=0&id=31e3bc7f&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-31e3bc7f] {
  display: flex;
  justify-content: flex-start;
}
.export-button[data-v-31e3bc7f] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  color: white;
  border: none;
  border-radius: 0.25rem;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
.export-button svg[data-v-31e3bc7f] {
  width: 16px;
  height: 16px;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/components/ProfileImageInput.vue?vue&type=style&index=0&id=8f24e3f2&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.employee-image[data-v-8f24e3f2] {
  height: 8rem;
}
.orangehrm-input-hint[data-v-8f24e3f2] {
  margin: 0 auto;
  text-align: center;
}
[data-v-8f24e3f2] .oxd-file-div {
  margin: 0 auto;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 8rem !important;
  height: 8rem !important;
  border-radius: 100% !important;
  border: 1px solid #e8eaef;
}
.employee-image-wrapper[data-v-8f24e3f2] {
  height: 90%;
  width: 90%;
  display: flex;
  overflow: hidden;
  border-radius: 100%;
  justify-content: center;
  align-items: flex-start;
  border: 1px solid #e8eaef;
}
.employee-image-action[data-v-8f24e3f2] {
  right: 0;
  bottom: 0;
  position: absolute;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/components/FullNameInput.vue?vue&type=style&index=0&id=bfd08c02&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
@media (min-width: 800px) {
[data-v-bfd08c02] .--name-grouped-field {
    display: flex;
}
[data-v-bfd08c02] .orangehrm-firstname {
    border-bottom-right-radius: unset;
    border-top-right-radius: unset;
    text-overflow: ellipsis;
}
[data-v-bfd08c02] .orangehrm-lastname {
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
    text-overflow: ellipsis;
}
[data-v-bfd08c02] .orangehrm-middlename {
    border-radius: unset;
    text-overflow: ellipsis;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=1df6f929&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-1df6f929] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-1df6f929] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-1df6f929] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-1df6f929] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-1df6f929] {
  flex: 1 1 75%;
}
.user-form-header[data-v-1df6f929] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-1df6f929] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-1df6f929] .--status-grouped-field {
  display: flex;
}
[data-v-1df6f929] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-1df6f929] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-1df6f929] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-1df6f929] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-1df6f929] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-1df6f929] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-1df6f929] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-1df6f929] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-1df6f929] .employee-image {
  height: 12rem;
}
[data-v-1df6f929] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-1df6f929] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-1df6f929] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-1df6f929] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-1df6f929] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-1df6f929] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-1df6f929] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=04faebe8&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-04faebe8] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-04faebe8] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-04faebe8] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-04faebe8] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-04faebe8] {
  flex: 1 1 75%;
}
.user-form-header[data-v-04faebe8] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-04faebe8] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-04faebe8] .--status-grouped-field {
  display: flex;
}
[data-v-04faebe8] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-04faebe8] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-04faebe8] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-04faebe8] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-04faebe8] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-04faebe8] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-04faebe8] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-04faebe8] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-04faebe8] .employee-image {
  height: 12rem;
}
[data-v-04faebe8] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-04faebe8] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-04faebe8] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-04faebe8] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-04faebe8] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-04faebe8] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-04faebe8] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/components/TabsNavigation.vue?vue&type=style&index=0&id=4c6bdf73&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-tabs[data-v-4c6bdf73] {
  display: flex;
  flex-wrap: nowrap;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-tabs-wrapper[data-v-4c6bdf73] {
  display: flex;
}
.orangehrm-tabs-item[data-v-4c6bdf73] {
  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", sans-serif;
  font-weight: 700;
}
@media (min-width: 0px) {
.orangehrm-tabs-item[data-v-4c6bdf73] {
    margin-right: 0.25rem;
    background-color: #f6f5fb;
    white-space: nowrap;
}
.orangehrm-tabs-item.--active[data-v-4c6bdf73], .orangehrm-tabs-item[data-v-4c6bdf73]:hover {
    background-color: var(--oxd-primary-one-color);
    color: #ffffff;
}
}
@media (min-width: 800px) {
.orangehrm-tabs-item[data-v-4c6bdf73] {
    margin-right: unset;
    margin-bottom: 0.25rem;
    background-color: unset;
    white-space: wrap;
}
.orangehrm-tabs-item.--active[data-v-4c6bdf73], .orangehrm-tabs-item[data-v-4c6bdf73]:hover {
    background-color: #f6f5fb;
    color: #64728c;
}
}
@media (min-width: 0px) {
.orangehrm-tabs[data-v-4c6bdf73] {
    flex-direction: row;
    overflow: scroll hidden;
    padding-bottom: 5px;
}
}
@media (min-width: 800px) {
.orangehrm-tabs[data-v-4c6bdf73] {
    flex-direction: column;
    overflow: visible;
    padding-bottom: unset;
}
}
.orangehrm-tabs[data-v-4c6bdf73]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-tabs[data-v-4c6bdf73]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-tabs[data-v-4c6bdf73]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-tabs[data-v-4c6bdf73] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/components/EditEmployeeLayout.vue?vue&type=style&index=0&id=2a0f8ae3&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-2a0f8ae3] {
  padding: unset;
}
.orangehrm-edit-employee[data-v-2a0f8ae3] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-edit-employee[data-v-2a0f8ae3] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee[data-v-2a0f8ae3] {
    flex-direction: row;
}
}
.orangehrm-edit-employee-navigation[data-v-2a0f8ae3] {
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-navigation[data-v-2a0f8ae3] {
    width: 220px;
}
}
.orangehrm-edit-employee-content[data-v-2a0f8ae3] {
  flex: 1;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-content[data-v-2a0f8ae3] {
    border-left: 1px solid #e8eaef;
}
}
.orangehrm-edit-employee-name[data-v-2a0f8ae3] {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  word-break: break-word;
}
.orangehrm-edit-employee-name .--strong[data-v-2a0f8ae3] {
  font-weight: 700;
  font-size: 1.2rem;
}
.orangehrm-edit-employee-image-wrapper[data-v-2a0f8ae3] {
  padding-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-image-wrapper[data-v-2a0f8ae3] {
    padding-top: 1.2rem;
}
}
.orangehrm-edit-employee-image[data-v-2a0f8ae3] {
  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-2a0f8ae3] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-edit-employee-imagesection[data-v-2a0f8ae3] {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee-imagesection[data-v-2a0f8ae3] {
    flex-direction: column;
    justify-content: center;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=75d56766&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-75d56766] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-75d56766] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-75d56766] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-75d56766] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-75d56766] {
  flex: 1 1 75%;
}
.user-form-header[data-v-75d56766] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-75d56766] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-75d56766] .--status-grouped-field {
  display: flex;
}
[data-v-75d56766] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-75d56766] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-75d56766] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-75d56766] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-75d56766] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-75d56766] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-75d56766] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-75d56766] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-75d56766] .employee-image {
  height: 12rem;
}
[data-v-75d56766] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-75d56766] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-75d56766] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-75d56766] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-75d56766] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-75d56766] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-75d56766] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=27ae47a4&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-27ae47a4] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-27ae47a4] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-27ae47a4] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-27ae47a4] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-27ae47a4] {
  flex: 1 1 75%;
}
.user-form-header[data-v-27ae47a4] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-27ae47a4] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-27ae47a4] .--status-grouped-field {
  display: flex;
}
[data-v-27ae47a4] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-27ae47a4] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-27ae47a4] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-27ae47a4] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-27ae47a4] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-27ae47a4] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-27ae47a4] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-27ae47a4] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-27ae47a4] .employee-image {
  height: 12rem;
}
[data-v-27ae47a4] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-27ae47a4] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-27ae47a4] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-27ae47a4] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-27ae47a4] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-27ae47a4] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-27ae47a4] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/components/ProfileActionHeader.vue?vue&type=style&index=0&id=f36a5d8a&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-action-header[data-v-f36a5d8a] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
}
.orangehrm-action-header button[data-v-f36a5d8a] {
  margin-left: 1rem;
  white-space: nowrap;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=2bcc6ef0&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-2bcc6ef0] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-2bcc6ef0] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-2bcc6ef0] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-2bcc6ef0] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-2bcc6ef0] {
  flex: 1 1 75%;
}
.user-form-header[data-v-2bcc6ef0] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-2bcc6ef0] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-2bcc6ef0] .--status-grouped-field {
  display: flex;
}
[data-v-2bcc6ef0] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-2bcc6ef0] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-2bcc6ef0] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-2bcc6ef0] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-2bcc6ef0] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-2bcc6ef0] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-2bcc6ef0] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-2bcc6ef0] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-2bcc6ef0] .employee-image {
  height: 12rem;
}
[data-v-2bcc6ef0] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-2bcc6ef0] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-2bcc6ef0] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-2bcc6ef0] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-2bcc6ef0] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-2bcc6ef0] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-2bcc6ef0] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=06e4f87e&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-06e4f87e] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-06e4f87e] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-06e4f87e] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-06e4f87e] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-06e4f87e] {
  flex: 1 1 75%;
}
.user-form-header[data-v-06e4f87e] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-06e4f87e] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-06e4f87e] .--status-grouped-field {
  display: flex;
}
[data-v-06e4f87e] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-06e4f87e] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-06e4f87e] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-06e4f87e] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-06e4f87e] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-06e4f87e] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-06e4f87e] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-06e4f87e] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-06e4f87e] .employee-image {
  height: 12rem;
}
[data-v-06e4f87e] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-06e4f87e] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-06e4f87e] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-06e4f87e] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-06e4f87e] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-06e4f87e] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-06e4f87e] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/components/SaveSalaryComponent.vue?vue&type=style&index=0&id=604e9aa5&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.directdeposit-form-header[data-v-604e9aa5] {
  display: flex;
  padding: 1rem;
}
.directdeposit-form-header-text[data-v-604e9aa5] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/components/EditSalaryComponent.vue?vue&type=style&index=0&id=583efe10&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.directdeposit-form-header[data-v-583efe10] {
  display: flex;
  padding: 1rem;
}
.directdeposit-form-header-text[data-v-583efe10] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=13cf787e&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-13cf787e] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-13cf787e] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-13cf787e] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-13cf787e] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-13cf787e] {
  flex: 1 1 75%;
}
.user-form-header[data-v-13cf787e] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-13cf787e] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-13cf787e] .--status-grouped-field {
  display: flex;
}
[data-v-13cf787e] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-13cf787e] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-13cf787e] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-13cf787e] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-13cf787e] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-13cf787e] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-13cf787e] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-13cf787e] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-13cf787e] .employee-image {
  height: 12rem;
}
[data-v-13cf787e] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-13cf787e] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-13cf787e] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-13cf787e] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-13cf787e] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-13cf787e] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-13cf787e] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=d12da6a4&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-d12da6a4] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-d12da6a4] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-d12da6a4] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-d12da6a4] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-d12da6a4] {
  flex: 1 1 75%;
}
.user-form-header[data-v-d12da6a4] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-d12da6a4] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-d12da6a4] .--status-grouped-field {
  display: flex;
}
[data-v-d12da6a4] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-d12da6a4] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-d12da6a4] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-d12da6a4] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-d12da6a4] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-d12da6a4] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-d12da6a4] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-d12da6a4] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-d12da6a4] .employee-image {
  height: 12rem;
}
[data-v-d12da6a4] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-d12da6a4] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-d12da6a4] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-d12da6a4] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-d12da6a4] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-d12da6a4] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-d12da6a4] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=d4d97bfc&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-d4d97bfc] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-d4d97bfc] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-d4d97bfc] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-d4d97bfc] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-d4d97bfc] {
  flex: 1 1 75%;
}
.user-form-header[data-v-d4d97bfc] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-d4d97bfc] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-d4d97bfc] .--status-grouped-field {
  display: flex;
}
[data-v-d4d97bfc] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-d4d97bfc] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-d4d97bfc] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-d4d97bfc] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-d4d97bfc] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-d4d97bfc] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-d4d97bfc] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-d4d97bfc] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-d4d97bfc] .employee-image {
  height: 12rem;
}
[data-v-d4d97bfc] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-d4d97bfc] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-d4d97bfc] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-d4d97bfc] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-d4d97bfc] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-d4d97bfc] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-d4d97bfc] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/customField/customField.scss?vue&type=style&index=0&id=8b6043c0&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-custom-field-title[data-v-8b6043c0] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-custom-field-title[data-v-8b6043c0] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.orangehrm-custom-field-title .--infotext[data-v-8b6043c0] {
    margin-right: 1rem;
}
}
.select-options-hint[data-v-8b6043c0] {
  font-size: 0.75rem;
  margin-top: -0.625rem;
}
.--infotext[data-v-8b6043c0] {
  font-size: 0.875rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/customField/customField.scss?vue&type=style&index=0&id=3e53fb36&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-custom-field-title[data-v-3e53fb36] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-custom-field-title[data-v-3e53fb36] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.orangehrm-custom-field-title .--infotext[data-v-3e53fb36] {
    margin-right: 1rem;
}
}
.select-options-hint[data-v-3e53fb36] {
  font-size: 0.75rem;
  margin-top: -0.625rem;
}
.--infotext[data-v-3e53fb36] {
  font-size: 0.875rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/customField/customField.scss?vue&type=style&index=0&id=1103f363&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-custom-field-title[data-v-1103f363] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-custom-field-title[data-v-1103f363] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.orangehrm-custom-field-title .--infotext[data-v-1103f363] {
    margin-right: 1rem;
}
}
.select-options-hint[data-v-1103f363] {
  font-size: 0.75rem;
  margin-top: -0.625rem;
}
.--infotext[data-v-1103f363] {
  font-size: 0.875rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/pages/optionalField/OptionalField.vue?vue&type=style&index=0&id=9584957c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-optional-field-row[data-v-9584957c] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-optional-field-label[data-v-9584957c] {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  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%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/components/EmployeeDataImportModal.vue?vue&type=style&index=0&id=6abc267f&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-6abc267f] {
  display: flex;
  margin-bottom: 1.2rem;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-6abc267f] {
  display: flex;
  margin-top: 1.2rem;
  justify-content: center;
}
.orangehrm-text-center-align[data-v-6abc267f] {
  text-align: center;
  overflow-wrap: break-word;
}
[data-v-6abc267f] .orangehrm-dialog-popup {
  width: 450px;
}
.orangehrm-success-message[data-v-6abc267f] {
  color: #34bc40;
}
.orangehrm-error-message[data-v-6abc267f] {
  color: #eb0910;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/pages/dataImport/EmployeeDataImport.vue?vue&type=style&index=0&id=536ebdfa&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-information-card-container[data-v-536ebdfa] {
  background-color: #e8eaef;
  border-radius: 1.2rem;
  padding: 1.2rem;
}
.orangehrm-information-card-text[data-v-536ebdfa] {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}
.orangehrm-information-card-text .download-link[data-v-536ebdfa] {
  color: var(--oxd-primary-one-color);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/components/ReportCriterionAutocomplete.vue?vue&type=style&index=0&id=23d96564&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-23d96564] .oxd-input-group__label-wrapper {
  display: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/components/ReportCriterionSelect.vue?vue&type=style&index=0&id=0d340910&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-0d340910] .oxd-input-group__label-wrapper {
  display: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/components/ReportCriterionRange.vue?vue&type=style&index=0&id=32c1721e&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-range[data-v-32c1721e] {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.orangehrm-report-range-text[data-v-32c1721e] {
  margin: 0 1rem;
  font-size: 12px;
}
[data-v-32c1721e] .oxd-input-group__label-wrapper {
  display: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/components/ReportCriterionDateRange.vue?vue&type=style&index=0&id=3b8fe63a&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-daterange[data-v-3b8fe63a] {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.orangehrm-report-range-text[data-v-3b8fe63a] {
  margin: 0 1rem;
  font-size: 12px;
}
[data-v-3b8fe63a] .oxd-input-group__label-wrapper {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/components/ReportCriterion.vue?vue&type=style&index=0&id=67572948&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-criteria[data-v-67572948] {
  display: flex;
  align-items: baseline;
}
.orangehrm-report-criteria-name[data-v-67572948] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPimPlugin/components/ReportDisplayField.vue?vue&type=style&index=0&id=01b8fe6d&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-field[data-v-01b8fe6d] {
  display: flex;
  align-items: center;
}
.orangehrm-report-field-name[data-v-01b8fe6d] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.orangehrm-report-field-header[data-v-01b8fe6d] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/reports/employee-report.scss?vue&type=style&index=0&id=13b141a2&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-criteria[data-v-13b141a2] {
  display: flex;
  align-items: center;
}
.orangehrm-report-icon[data-v-13b141a2] {
  margin-left: 1rem;
}
[data-v-13b141a2] .oxd-chip .oxd-icon {
  align-self: center;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/core/components/table/reports-table.scss?vue&type=style&index=0&id=6c492452&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[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;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/reports/employee-report.scss?vue&type=style&index=0&id=27efc4ef&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-criteria[data-v-27efc4ef] {
  display: flex;
  align-items: center;
}
.orangehrm-report-icon[data-v-27efc4ef] {
  margin-left: 1rem;
}
[data-v-27efc4ef] .oxd-chip .oxd-icon {
  align-self: center;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPimPlugin/pages/updatePassword/update-password.scss?vue&type=style&index=0&id=b0d9b1e8&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-user-name[data-v-b0d9b1e8] {
  font-size: 12px;
  padding: 0.675rem 0rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmHelpPlugin/pages/ViewSupport.vue?vue&type=style&index=0&id=109fd0f8&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-support-text[data-v-109fd0f8] {
  font-size: 12px;
}
.orangehrm-support[data-v-109fd0f8] {
  padding: 1rem 0;
}
.orangehrm-support-channel[data-v-109fd0f8] {
  grid-template-columns: 50px 1fr;
  align-items: center;
}
.orangehrm-support-channel img[data-v-109fd0f8] {
  width: 40px;
  height: 40px;
}
.orangehrm-support-link[data-v-109fd0f8] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmTimePlugin/components/ActivityDropdown.vue?vue&type=style&index=0&id=6fe8d0ec&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmTimePlugin/components/ProjectAutocomplete.vue?vue&type=style&index=0&id=501fadc7&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmTimePlugin/components/TimesheetCommentModal.vue?vue&type=style&index=0&id=7b549486&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-timesheet-grid[data-v-7b549486] {
  width: 100%;
  padding: 0 0.625rem;
  grid-template-columns: 100px 1fr;
  margin-bottom: 1rem;
}
.orangehrm-timesheet-title[data-v-7b549486], .orangehrm-timesheet-text[data-v-7b549486] {
  word-break: break-word;
  font-size: 12px;
}
.orangehrm-timesheet-title[data-v-7b549486] {
  font-weight: 700;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmTimePlugin/components/timesheet.scss?vue&type=style&index=0&id=229f3050&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-timesheet-header[data-v-229f3050], .orangehrm-timesheet-footer[data-v-229f3050] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-timesheet-header[data-v-229f3050] {
  gap: 0.4rem;
  flex-direction: column;
  border-bottom: 1px solid #e8eaef;
}
.orangehrm-timesheet-header--title[data-v-229f3050] {
  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-229f3050] {
    flex-direction: row;
}
.orangehrm-timesheet-header--title[data-v-229f3050] {
    width: unset;
    border-bottom: unset;
}
}
.orangehrm-timesheet-header--options[data-v-229f3050] {
  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-229f3050] {
    width: unset;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
}
.orangehrm-timesheet-footer[data-v-229f3050] {
  padding: 0.6rem 1.2rem;
  border-top: 1px solid #e8eaef;
}
.orangehrm-timesheet-footer--options[data-v-229f3050] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-timesheet-footer--options[data-v-229f3050] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-timesheet-footer--options[data-v-229f3050] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-timesheet-footer--options[data-v-229f3050] .oxd-button--medium {
    width: unset;
}
}
.orangehrm-timesheet-body[data-v-229f3050] {
  overflow-x: auto;
}
.orangehrm-timesheet-body-message[data-v-229f3050] {
  padding: 0.6rem 1.2rem;
}
.orangehrm-timesheet-table[data-v-229f3050] {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 600px) {
.orangehrm-timesheet-table .--freeze-left[data-v-229f3050],
  .orangehrm-timesheet-table .--freeze-right[data-v-229f3050] {
    position: sticky;
    background-color: #ffffff;
    z-index: 209;
}
.orangehrm-timesheet-table .--freeze-left[data-v-229f3050]::after,
  .orangehrm-timesheet-table .--freeze-right[data-v-229f3050]::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
}
.orangehrm-timesheet-table .--freeze-left[data-v-229f3050] {
    left: 0;
}
.orangehrm-timesheet-table .--freeze-left[data-v-229f3050]::after {
    right: 0;
    border-right: 1px solid #e8eaef;
}
.orangehrm-timesheet-table .--freeze-right[data-v-229f3050] {
    right: 0;
}
.orangehrm-timesheet-table .--freeze-right[data-v-229f3050]::after {
    left: 0;
    border-left: 1px solid #e8eaef;
}
}
.orangehrm-timesheet-table-header-cell[data-v-229f3050] {
  padding: 1rem 1.2rem;
  font-weight: 700;
}
.orangehrm-timesheet-table-header-cell.--center[data-v-229f3050] {
  text-align: center;
}
.orangehrm-timesheet-table-header-row[data-v-229f3050] {
  border-bottom: 1px solid #e8eaef;
}
.orangehrm-timesheet-table-header .--day[data-v-229f3050] {
  display: block;
  font-size: 16px;
}
.orangehrm-timesheet-table-body-cell[data-v-229f3050] {
  position: relative;
  max-width: 150px;
  padding: 1rem 1.2rem;
}
.orangehrm-timesheet-table-body-cell.--highlight[data-v-229f3050] {
  font-weight: 700;
  background-color: #cfd3de;
}
.orangehrm-timesheet-table-body-cell.--highlight-2[data-v-229f3050] {
  font-weight: 700;
  color: #ffffff;
  background-color: #929baa;
}
.orangehrm-timesheet-table-body-cell.--highlight-3[data-v-229f3050] {
  background-color: #f6f5fb;
}
.orangehrm-timesheet-table-body-cell.--flex[data-v-229f3050] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.orangehrm-timesheet-table-body-cell.--center[data-v-229f3050] {
  text-align: center;
}
.orangehrm-timesheet-table-body-row[data-v-229f3050] {
  vertical-align: baseline;
  border-bottom: 1px solid #e8eaef;
}
.orangehrm-timesheet-table-body-row.--total[data-v-229f3050] {
  background-color: #cfd3de;
}
.orangehrm-timesheet-table.--editable tr[data-v-229f3050] {
  border: unset;
}
.orangehrm-timesheet-table.--editable th[data-v-229f3050],
.orangehrm-timesheet-table.--editable td[data-v-229f3050] {
  padding: 0.5rem 1rem;
}
.orangehrm-timesheet-table.--editable th.--duration-input[data-v-229f3050],
.orangehrm-timesheet-table.--editable td.--duration-input[data-v-229f3050] {
  padding: 0.5rem 0.25rem;
}
.orangehrm-timesheet-icon-comment[data-v-229f3050] {
  top: -5px;
  right: -5px;
  z-index: 2;
  position: absolute;
}
.orangehrm-timesheet-loader[data-v-229f3050] {
  width: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  z-index: 200;
}
.oxd-input-group[data-v-229f3050] {
  margin-bottom: 0;
}
[data-v-229f3050] .oxd-input-group__label-wrapper {
  display: none;
}
[data-v-229f3050] .oxd-input {
  min-width: 50px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmTimePlugin/components/timesheet-period.scss?vue&type=style&index=0&id=66f60139&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-timeperiod-picker[data-v-66f60139] {
  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-66f60139] {
    grid-template: "title prev picker next"/auto auto minmax(240px, max-content) auto;
}
}
.orangehrm-timeperiod-title[data-v-66f60139] {
  text-align: center;
  font-size: 12px;
  grid-area: title;
}
.orangehrm-timeperiod-icon.--prev[data-v-66f60139] {
  grid-area: prev;
}
.orangehrm-timeperiod-icon.--next[data-v-66f60139] {
  grid-area: next;
}
.oxd-input-group[data-v-66f60139] {
  margin-bottom: 0;
  grid-area: picker;
}
[data-v-66f60139] .oxd-input-group__label-wrapper {
  display: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmTimePlugin/pages/timesheets/EditTimeSheet.vue?vue&type=style&index=0&id=77eba024&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-timeperiod-title[data-v-77eba024] {
  font-size: 12px;
  margin-right: 10px;
}
.orangehrm-form-hint[data-v-77eba024] {
  margin-right: auto;
  font-weight: 600;
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmTimePlugin/components/ProjectAdminAutocomplete.vue?vue&type=style&index=0&id=e10725f0&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-project-admin-input[data-v-e10725f0] {
  display: flex;
  align-items: flex-start;
}
.orangehrm-project-admin-input[data-v-e10725f0] .oxd-input-group__label-wrapper:empty {
  display: none;
}
.orangehrm-project-delete-icon[data-v-e10725f0] {
  margin-left: 1rem;
  margin-top: 1rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmTimePlugin/components/CopyActivityModal.vue?vue&type=style&index=0&id=b91899e2&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-activites-container[data-v-b91899e2] {
  max-height: 180px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-activites-container[data-v-b91899e2]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-activites-container[data-v-b91899e2]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-activites-container[data-v-b91899e2]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-activites-container[data-v-b91899e2] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
[data-v-b91899e2] .oxd-checkbox-wrapper {
  word-break: break-word;
}
[data-v-b91899e2] .oxd-checkbox-wrapper .oxd-checkbox-input {
  flex-shrink: 0;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmTimePlugin/components/Activities.vue?vue&type=style&index=0&id=5b410637&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-main-actions[data-v-5b410637] {
  gap: 0.4rem;
  display: flex;
  flex-direction: column;
}
.orangehrm-main-actions[data-v-5b410637] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-main-actions[data-v-5b410637] {
    flex-direction: row;
}
.orangehrm-main-actions[data-v-5b410637] .oxd-button--medium {
    width: unset;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmTimePlugin/components/TimesheetPendingActions.vue?vue&type=style&index=0&id=6b4cff44&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-6b4cff44] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-6b4cff44] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmTimePlugin/pages/reports/time-reports.scss?vue&type=style&index=0&id=bb17856e&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-switch-filter[data-v-bb17856e] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-switch-filter-text[data-v-bb17856e] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmTimePlugin/pages/reports/time-reports.scss?vue&type=style&index=0&id=2174611c&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-switch-filter[data-v-2174611c] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-switch-filter-text[data-v-2174611c] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmTimePlugin/pages/reports/time-reports.scss?vue&type=style&index=0&id=3addc49d&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-switch-filter[data-v-3addc49d] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-switch-filter-text[data-v-3addc49d] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmLeavePlugin/pages/configure/LeavePeriod.vue?vue&type=style&index=0&id=d28a9622&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-duration[data-v-d28a9622] {
  padding: 0.675rem 0rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmLeavePlugin/components/LeaveDurationInput.vue?vue&type=style&index=0&id=10576183&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-duration[data-v-10576183] {
  padding: 0.675rem 0rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmLeavePlugin/components/leave-balance-modal.scss?vue&type=style&index=0&id=3b60f558&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-balance-text[data-v-3b60f558] {
  font-size: 12px;
  margin-bottom: 0.25rem;
}
.orangehrm-container[data-v-3b60f558] {
  padding: 0.5rem 0;
  max-height: 165px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-3b60f558]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-3b60f558]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-3b60f558]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-3b60f558] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmLeavePlugin/components/leave-balance-modal.scss?vue&type=style&index=0&id=1dc28bde&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-balance-text[data-v-1dc28bde] {
  font-size: 12px;
  margin-bottom: 0.25rem;
}
.orangehrm-container[data-v-1dc28bde] {
  padding: 0.5rem 0;
  max-height: 165px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-1dc28bde]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-1dc28bde]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-1dc28bde]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-1dc28bde] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmLeavePlugin/components/LeaveBalance.vue?vue&type=style&index=0&id=4d21aaee&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-balance[data-v-4d21aaee] {
  display: flex;
  align-items: center;
}
.orangehrm-leave-balance .--help[data-v-4d21aaee] {
  margin-left: 5px;
}
.orangehrm-leave-balance-text[data-v-4d21aaee] {
  padding: 0.675rem 0rem;
}
.orangehrm-leave-balance-text.--error[data-v-4d21aaee] {
  color: #eb0910;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmLeavePlugin/components/LeaveTypeDropdown.vue?vue&type=style&index=0&id=b0009ee4&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmLeavePlugin/components/LeaveAssignConfirmModal.vue?vue&type=style&index=0&id=1ffa7e82&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmLeavePlugin/components/EntitlementSituationalModal.vue?vue&type=style&index=0&id=739f9f1d&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-739f9f1d] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-739f9f1d] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-text-center-align[data-v-739f9f1d] {
  text-align: center;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmLeavePlugin/pages/leaveType/leave-type.scss?vue&type=style&index=0&id=5633e8e9&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-5633e8e9] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.label-is-entitlement-situational[data-v-5633e8e9] {
  display: flex;
  align-items: center;
}
.label-is-entitlement-situational .--help[data-v-5633e8e9] {
  margin-left: 5px;
}
.modal-container[data-v-5633e8e9] {
  width: 90%;
  max-width: 500px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmLeavePlugin/pages/leaveType/leave-type.scss?vue&type=style&index=0&id=6eee0856&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-6eee0856] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.label-is-entitlement-situational[data-v-6eee0856] {
  display: flex;
  align-items: center;
}
.label-is-entitlement-situational .--help[data-v-6eee0856] {
  margin-left: 5px;
}
.modal-container[data-v-6eee0856] {
  width: 90%;
  max-width: 500px;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmLeavePlugin/components/EntitlementUpdateModal.vue?vue&type=style&index=0&id=d764eb4a&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmLeavePlugin/components/EntitlementBulkUpdateModal.vue?vue&type=style&index=0&id=9b9db92e&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-9b9db92e] {
  max-height: 165px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-9b9db92e]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-9b9db92e]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-9b9db92e]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-9b9db92e] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmLeavePlugin/components/EntitlementNoMatchModal.vue?vue&type=style&index=0&id=14604022&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmLeavePlugin/pages/entitlements/add-entitlement.scss?vue&type=style&index=0&id=4c24dc95&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-4c24dc95] .--grouped-field {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 800px) {
[data-v-4c24dc95] .--grouped-field {
    flex-wrap: nowrap;
}
[data-v-4c24dc95] .--grouped-field .oxd-input-group {
    flex-shrink: 0;
}
}
.orangehrm-leave-entitled[data-v-4c24dc95] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-leave-entitled-text[data-v-4c24dc95] {
    margin-bottom: 1.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-leave-entitled-text[data-v-4c24dc95] {
    margin-bottom: unset;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmLeavePlugin/pages/configure/holiday/holiday.scss?vue&type=style&index=0&id=4ecc7d7b&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-4ecc7d7b] .--status-grouped-field {
  display: flex;
  max-width: 13rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmLeavePlugin/pages/configure/holiday/holiday.scss?vue&type=style&index=0&id=612766ce&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-612766ce] .--status-grouped-field {
  display: flex;
  max-width: 13rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmLeavePlugin/components/leave-comment.scss?vue&type=style&index=0&id=74ab308c&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-comment[data-v-74ab308c] {
  box-sizing: border-box;
  padding: 0.5rem 0.5rem 0 0;
  display: flex;
}
.orangehrm-comment-profile-image-wrapper[data-v-74ab308c] {
  margin-right: 0.5rem;
}
.orangehrm-comment-profile-image[data-v-74ab308c] {
  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-74ab308c] {
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.orangehrm-comment-message[data-v-74ab308c] {
  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-74ab308c] {
  text-align: right;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmLeavePlugin/components/leave-comment-modal.scss?vue&type=style&index=0&id=41a6b686&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-content[data-v-41a6b686] {
  max-height: 200px;
  overflow: hidden auto;
  margin: 0.5rem 0;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-modal-content[data-v-41a6b686]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-modal-content[data-v-41a6b686]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-modal-content[data-v-41a6b686]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-modal-content[data-v-41a6b686] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmLeavePlugin/components/LeaveBulkActionModal.vue?vue&type=style&index=0&id=65dc9fd2&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmLeavePlugin/components/LeaveListTableHeader.vue?vue&type=style&index=0&id=8168c2ac&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container .actions[data-v-8168c2ac] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.orangehrm-header-container span[data-v-8168c2ac] {
  margin-right: 20px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmLeavePlugin/components/LeaveListTable.vue?vue&type=style&index=0&id=2ffa0386&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-2ffa0386] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-2ffa0386] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmLeavePlugin/pages/LeaveList.vue?vue&type=style&index=0&id=3be4e435&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-filter[data-v-3be4e435] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-leave-filter-text[data-v-3be4e435] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmLeavePlugin/pages/LeaveRequest.vue?vue&type=style&index=0&id=351a5148&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-bottom-container[data-v-351a5148] {
  align-items: center;
  justify-content: space-between;
}
.orangehrm-request-details-text[data-v-351a5148] {
  font-size: 12px;
}
[data-v-351a5148] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-351a5148] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmLeavePlugin/pages/reports/leave-entitlement-report.scss?vue&type=style&index=0&id=e63738ec&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-e63738ec] .--grouped-field {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 800px) {
[data-v-e63738ec] .--grouped-field {
    flex-wrap: nowrap;
}
}
.orangehrm-leave-filter[data-v-e63738ec] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-leave-filter-text[data-v-e63738ec] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmCoreOAuthPlugin/pages/registerOAuthClient/oauth-client.scss?vue&type=style&index=0&id=3e3d7bb6&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-field-row[data-v-3e3d7bb6] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-field-label[data-v-3e3d7bb6] {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  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%;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAuthenticationPlugin/components/login-layout.scss?vue&type=style&index=0&id=0903951f&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-layout[data-v-0903951f] {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-width: 0px) {
.orangehrm-login-layout[data-v-0903951f] {
    background-color: #f1f2f5;
}
}
@media (min-width: 800px) {
.orangehrm-login-layout[data-v-0903951f] {
    background-color: var(--oxd-primary-one-color);
}
}
.orangehrm-login-layout-blob[data-v-0903951f] {
  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-0903951f]::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-0903951f] {
    background-image: url(../img/blob.svg);
    background-repeat: no-repeat;
    background-size: 80% 100%;
}
}
.orangehrm-login-container[data-v-0903951f] {
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-login-container[data-v-0903951f] {
    width: 80%;
}
}
.orangehrm-login-logo[data-v-0903951f] {
  position: absolute;
  right: 15%;
  padding: 1rem;
  background-color: #f6f5fb;
  border-radius: 100%;
  display: none;
}
.orangehrm-login-logo img[data-v-0903951f] {
  width: 10rem;
}
@media (min-width: 800px) {
.orangehrm-login-logo[data-v-0903951f] {
    display: block;
}
}
.orangehrm-login-slot-wrapper[data-v-0903951f] {
  padding: 1rem 2rem;
  width: inherit;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper[data-v-0903951f] {
    padding: 1rem 10rem;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-0903951f] {
  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-0903951f] {
  width: 5rem;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-0903951f] {
    display: none;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-slot[data-v-0903951f] {
  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-0903951f] {
    background-color: transparent;
    padding: unset;
}
}
.orangehrm-login-branding[data-v-0903951f] {
  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-0903951f] {
  width: 100%;
  max-width: 180px;
  height: auto;
  max-height: 65px;
}
@media (min-width: 800px) {
.orangehrm-login-branding[data-v-0903951f] {
    width: 80%;
    max-width: 520px;
}
}
.orangehrm-login-social[data-v-0903951f] {
  padding: 1rem 0;
}
.orangehrm-login-social-text[data-v-0903951f] {
  text-align: center;
  margin-bottom: 1rem;
}
.orangehrm-login-social-icons[data-v-0903951f] {
  display: flex;
  justify-content: center;
}
.orangehrm-login-social-icons .--loginwith[data-v-0903951f] {
  margin: 0 0.25rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmCoreOAuthPlugin/pages/oauth/oauth-authorize.scss?vue&type=style&index=0&id=49fcead9&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-49fcead9] {
  box-shadow: 3px 3px 10px #929baa;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-49fcead9] {
    width: 100%;
}
}
.orangehrm-oauth-container[data-v-49fcead9] {
  display: flex;
  width: inherit;
  height: inherit;
  padding: 1rem 2rem;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-oauth-container[data-v-49fcead9] {
    margin: 0 auto;
    max-width: 450px;
}
}
.orangehrm-oauth-branding[data-v-49fcead9] {
  box-shadow: none;
}
.orangehrm-oauth-list[data-v-49fcead9] {
  padding-left: 1rem;
}
.orangehrm-oauth-list li[data-v-49fcead9] {
  padding-bottom: 10px;
}
.orangehrm-oauth-button[data-v-49fcead9] {
  flex: 1;
}
.orangehrm-oauth-button[data-v-49fcead9]:nth-child(2) {
  margin-top: 0.5rem;
}
@media (min-width: 800px) {
.orangehrm-oauth-button[data-v-49fcead9]:nth-child(2) {
    margin: 0;
    margin-left: 0.5rem;
}
}
.orangehrm-oauth-button-container[data-v-49fcead9] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-oauth-button-container[data-v-49fcead9] {
    flex-direction: row;
}
}
.orangehrm-oauth-error[data-v-49fcead9] {
  padding-left: 1rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAttendancePlugin/components/record-attendance.scss?vue&type=style&index=0&id=cfd7f500&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-attendance-punchedIn-timezone[data-v-cfd7f500] {
  color: #929baa;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAttendancePlugin/pages/edit-attendance.scss?vue&type=style&index=0&id=4dc1517e&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-text--subtitle-2[data-v-4dc1517e] {
  font-weight: 600;
}
.no-gap[data-v-4dc1517e] {
  grid-gap: unset;
}
.orangehrm-header[data-v-4dc1517e] {
  display: flex;
}
.orangehrm-header-total[data-v-4dc1517e] {
  margin-left: auto;
}
.orangehrm-punch-out-record[data-v-4dc1517e] {
  padding-top: 0.5rem;
  box-sizing: border-box;
  border-top: 1px solid #e8eaef;
}
@media (min-width: 800px) {
.orangehrm-punch-out-record[data-v-4dc1517e] {
    border: unset;
    padding-top: unset;
    border-left: 1px solid #e8eaef;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAttendancePlugin/components/RecordCell.vue?vue&type=style&index=0&id=0277d2b9&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-card-cell[data-v-0277d2b9] {
  display: block;
}
.oxd-table-card-cell .header[data-v-0277d2b9] {
  font-weight: 700;
}
.oxd-table-card-cell .timezone[data-v-0277d2b9] {
  color: #929baa;
  white-space: nowrap;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAttendancePlugin/pages/view-my-attendance.scss?vue&type=style&index=0&id=68e17aa8&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-total[data-v-68e17aa8] {
  margin-left: auto;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAttendancePlugin/pages/AttendanceConfiguration.vue?vue&type=style&index=0&id=a6f6d862&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-attendance-field-row[data-v-a6f6d862] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-attendance-field-label[data-v-a6f6d862] {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  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%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAttendancePlugin/pages/ViewEmployeeAttendanceSummary.vue?vue&type=style&index=0&id=8005cce8&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-8005cce8] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-8005cce8] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmMaintenancePlugin/components/SelectedEmployee.vue?vue&type=style&index=0&id=10b053ae&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-selected-employee[data-v-10b053ae] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-selected-employee[data-v-10b053ae] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-selected-employee[data-v-10b053ae] {
    flex-direction: row;
}
}
.orangehrm-selected-employee-content[data-v-10b053ae] {
  flex: 1;
}
.orangehrm-selected-employee-image-wrapper[data-v-10b053ae] {
  padding-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-selected-employee-image-wrapper[data-v-10b053ae] {
    padding-top: 1.2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
}
@media (min-width: 1000px) {
.orangehrm-selected-employee-image-wrapper[data-v-10b053ae] {
    padding-left: 5rem;
    padding-right: 5rem;
}
}
@media (min-width: 1200px) {
.orangehrm-selected-employee-image-wrapper[data-v-10b053ae] {
    padding-left: 7rem;
    padding-right: 7rem;
}
}
.orangehrm-selected-employee-image[data-v-10b053ae] {
  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-10b053ae] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-selected-employee-imagesection[data-v-10b053ae] {
    flex-direction: row-reverse;
    justify-content: center;
}
}
@media (min-width: 800px) {
.orangehrm-selected-employee-imagesection[data-v-10b053ae] {
    flex-direction: column;
    justify-content: center;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/core/components/dialogs/dialog.scss?vue&type=style&index=0&id=383233ba&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.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;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmMaintenancePlugin/components/MaintenanceNote.vue?vue&type=style&index=0&id=7da94b15&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-maintenance-note[data-v-7da94b15] {
  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-7da94b15] {
  font-weight: bold;
  margin-bottom: 0.4rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmMaintenancePlugin/components/SelectedCandidates.vue?vue&type=style&index=0&id=0e5505ea&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-paper-container[data-v-0e5505ea] {
  margin-top: 1rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./src/core/components/dialogs/dialog.scss?vue&type=style&index=0&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin {
  margin: 0.25rem;
}
.orangehrm-text-center-align {
  text-align: center;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/dialogs/DeleteJobVacancyConfirmationDialog.vue?vue&type=style&index=1&id=7bf248e8&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.radio-option-item .oxd-input-group[data-v-7bf248e8] {
  display: flex !important;
  flex-direction: row-reverse !important;
  justify-content: flex-end !important;
  gap: 0 !important;
}
.radio-option-item .oxd-input-group input[type='radio'][data-v-7bf248e8] {
  margin-right: 0.5em !important;
  margin-left: 0 !important;
}
.radio-option-item .oxd-input-group label[data-v-7bf248e8] {
  margin: 0 !important;
}
.radio-option-item .oxd-input-group[data-v-7bf248e8] {
  display: flex !important;
  flex-direction: row-reverse !important;
  align-items: flex-end !important;
  justify-content: flex-end !important;
  gap: 0 !important;
}
.radio-option-item .oxd-input-group input[type='radio'][data-v-7bf248e8] {
  margin-right: 0.5em !important;
  margin-left: 0 !important;
}
.oxd-input-group__label-wrapper[data-v-7bf248e8] {
  margin-top: 0.25rem !important;
}
.oxd-label[data-v-7bf248e8] {
  margin-top: 0.25rem !important;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/labels/TableFilterTitle.vue?vue&type=style&index=0&id=1d175970&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-filter[data-v-1d175970] {
  background-color: #ffffff;
  border-radius: 1.2rem;
  padding: 25px;
}
.oxd-table-filter-title[data-v-1d175970] {
  font-size: 14px;
  font-weight: 800;
}
.oxd-table-filter-header[data-v-1d175970] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.oxd-table-filter-header-options[data-v-1d175970] {
  display: flex;
}
.oxd-table-filter-header-options .--toggle[data-v-1d175970],
.oxd-table-filter-header-options .--export[data-v-1d175970] {
  display: flex;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmRecruitmentPlugin/pages/vacancy.scss?vue&type=style&index=0&id=38020a24&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.boutonTri[data-v-38020a24] {
  border-radius: 2rem;
  height: 2rem;
  border: 1px solid #64728c;
  cursor: pointer;
  background-color: white;
  width: 15rem;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  font-weight: 700;
}
.user-form-header[data-v-38020a24] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-38020a24] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-38020a24] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-38020a24] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.orangehrm-vacancy-list .label-is-entitlement-situational[data-v-38020a24] {
  display: flex;
  align-items: center;
}
.orangehrm-vacancy-list[data-v-38020a24] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-38020a24] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-38020a24] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-38020a24] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-38020a24] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-38020a24] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-38020a24] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-38020a24] {
  grid-column: span 2;
}
.orangehrm-text[data-v-38020a24] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-text-label[data-v-38020a24] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-38020a24] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-38020a24] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-38020a24] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #e8eaef;
}
.boutonTriBloc[data-v-38020a24] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 0.5rem 0rem 1rem 0;
}
.warning-icon[data-v-38020a24] {
  font-size: 1.5rem;
  color: var(--oxd-primary-one-color);
  padding: 1rem;
}
@media (max-width: 1000px) {
.orangehrm-header-container[data-v-38020a24] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
}
.boutonTriBloc[data-v-38020a24], .boutonTriBloc2[data-v-38020a24] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
}
.boutonTri[data-v-38020a24] {
    margin: 0;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmRecruitmentPlugin/pages/ViewJobVacancy.vue?vue&type=style&index=1&id=38020a24&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-pagination-wrapper[data-v-38020a24] {
  margin-top: 1rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmRecruitmentPlugin/pages/vacancy.scss?vue&type=style&index=0&id=b6383a38&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.boutonTri[data-v-b6383a38] {
  border-radius: 2rem;
  height: 2rem;
  border: 1px solid #64728c;
  cursor: pointer;
  background-color: white;
  width: 15rem;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  font-weight: 700;
}
.user-form-header[data-v-b6383a38] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-b6383a38] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-b6383a38] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-b6383a38] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.orangehrm-vacancy-list .label-is-entitlement-situational[data-v-b6383a38] {
  display: flex;
  align-items: center;
}
.orangehrm-vacancy-list[data-v-b6383a38] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-b6383a38] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-b6383a38] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-b6383a38] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-b6383a38] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-b6383a38] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-b6383a38] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-b6383a38] {
  grid-column: span 2;
}
.orangehrm-text[data-v-b6383a38] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-text-label[data-v-b6383a38] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-b6383a38] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-b6383a38] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-b6383a38] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #e8eaef;
}
.boutonTriBloc[data-v-b6383a38] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 0.5rem 0rem 1rem 0;
}
.warning-icon[data-v-b6383a38] {
  font-size: 1.5rem;
  color: var(--oxd-primary-one-color);
  padding: 1rem;
}
@media (max-width: 1000px) {
.orangehrm-header-container[data-v-b6383a38] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
}
.boutonTriBloc[data-v-b6383a38], .boutonTriBloc2[data-v-b6383a38] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
}
.boutonTri[data-v-b6383a38] {
    margin: 0;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmRecruitmentPlugin/pages/vacancy.scss?vue&type=style&index=0&id=889a4cda&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.boutonTri[data-v-889a4cda] {
  border-radius: 2rem;
  height: 2rem;
  border: 1px solid #64728c;
  cursor: pointer;
  background-color: white;
  width: 15rem;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  font-weight: 700;
}
.user-form-header[data-v-889a4cda] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-889a4cda] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-889a4cda] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-889a4cda] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.orangehrm-vacancy-list .label-is-entitlement-situational[data-v-889a4cda] {
  display: flex;
  align-items: center;
}
.orangehrm-vacancy-list[data-v-889a4cda] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-889a4cda] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-889a4cda] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-889a4cda] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-889a4cda] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-889a4cda] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-889a4cda] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-889a4cda] {
  grid-column: span 2;
}
.orangehrm-text[data-v-889a4cda] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-text-label[data-v-889a4cda] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-889a4cda] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-889a4cda] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-889a4cda] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #e8eaef;
}
.boutonTriBloc[data-v-889a4cda] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 0.5rem 0rem 1rem 0;
}
.warning-icon[data-v-889a4cda] {
  font-size: 1.5rem;
  color: var(--oxd-primary-one-color);
  padding: 1rem;
}
@media (max-width: 1000px) {
.orangehrm-header-container[data-v-889a4cda] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
}
.boutonTriBloc[data-v-889a4cda], .boutonTriBloc2[data-v-889a4cda] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
}
.boutonTri[data-v-889a4cda] {
    margin: 0;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmRecruitmentPlugin/components/InterviewerAutocomplete.vue?vue&type=style&index=0&id=540c8dfd&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-recruitment-interviewer-input[data-v-540c8dfd] {
  display: flex;
  align-items: flex-start;
}
.orangehrm-recruitment-interviewer-input[data-v-540c8dfd] .oxd-input-group__label-wrapper:empty {
  display: none;
}
.orangehrm-recruitment-delete-icon[data-v-540c8dfd] {
  margin-left: 1rem;
  margin-top: 1rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmRecruitmentPlugin/pages/SaveCandidate.vue?vue&type=style&index=0&id=8d04c32a&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-save-candidate-page-full-width[data-v-8d04c32a] {
  grid-column: 1/span 2;
}
.orangehrm-save-candidate-page-grid-checkbox .oxd-input-group[data-v-8d04c32a] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmRecruitmentPlugin/pages/vacancy.scss?vue&type=style&index=0&id=c6d9b604&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.boutonTri[data-v-c6d9b604] {
  border-radius: 2rem;
  height: 2rem;
  border: 1px solid #64728c;
  cursor: pointer;
  background-color: white;
  width: 15rem;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  font-weight: 700;
}
.user-form-header[data-v-c6d9b604] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-c6d9b604] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-c6d9b604] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-c6d9b604] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.orangehrm-vacancy-list .label-is-entitlement-situational[data-v-c6d9b604] {
  display: flex;
  align-items: center;
}
.orangehrm-vacancy-list[data-v-c6d9b604] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-c6d9b604] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-c6d9b604] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-c6d9b604] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-c6d9b604] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-c6d9b604] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-c6d9b604] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-c6d9b604] {
  grid-column: span 2;
}
.orangehrm-text[data-v-c6d9b604] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-text-label[data-v-c6d9b604] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-c6d9b604] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-c6d9b604] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-c6d9b604] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #e8eaef;
}
.boutonTriBloc[data-v-c6d9b604] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 0.5rem 0rem 1rem 0;
}
.warning-icon[data-v-c6d9b604] {
  font-size: 1.5rem;
  color: var(--oxd-primary-one-color);
  padding: 1rem;
}
@media (max-width: 1000px) {
.orangehrm-header-container[data-v-c6d9b604] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
}
.boutonTriBloc[data-v-c6d9b604], .boutonTriBloc2[data-v-c6d9b604] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
}
.boutonTri[data-v-c6d9b604] {
    margin: 0;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmRecruitmentPlugin/pages/ViewCandidatesList.vue?vue&type=style&index=1&id=c6d9b604&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-pagination-wrapper[data-v-c6d9b604] {
  margin: 1rem 0rem 0rem 1rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmRecruitmentPlugin/components/RecruitmentStatus.vue?vue&type=style&index=0&id=1aed04f5&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-recruitment[data-v-1aed04f5] {
  display: flex;
  justify-content: space-between;
}
.orangehrm-recruitment-actions[data-v-1aed04f5] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  max-width: 120px;
  margin-left: 60px;
  justify-content: flex-end;
}
.orangehrm-recruitment-actions[data-v-1aed04f5] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-recruitment-actions[data-v-1aed04f5] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-recruitment-actions[data-v-1aed04f5] .oxd-button--medium {
    width: unset;
}
}
[data-v-1aed04f5] .oxd-input-group {
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
[data-v-1aed04f5] .oxd-input-group {
    margin-bottom: 0;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmRecruitmentPlugin/components/CandidateProfile.vue?vue&type=style&index=0&id=5c448baf&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-5c448baf] {
  padding: 0;
}
.orangehrm-candidate-grid-checkbox .oxd-input-group[data-v-5c448baf] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmRecruitmentPlugin/components/CompanyRecruitmentStatus.vue?vue&type=style&index=0&id=5280fc3a&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-recruitment[data-v-5280fc3a] {
  display: flex;
  justify-content: space-between;
}
.orangehrm-recruitment-actions[data-v-5280fc3a] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  max-width: 120px;
  margin-left: 60px;
  justify-content: flex-end;
}
.orangehrm-recruitment-actions[data-v-5280fc3a] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-recruitment-actions[data-v-5280fc3a] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-recruitment-actions[data-v-5280fc3a] .oxd-button--medium {
    width: unset;
}
}
[data-v-5280fc3a] .oxd-input-group {
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
[data-v-5280fc3a] .oxd-input-group {
    margin-bottom: 0;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmRecruitmentPlugin/components/CompanyProfile.vue?vue&type=style&index=0&id=7dd84cb5&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-7dd84cb5] {
  padding: 0;
}
.orangehrm-candidate-grid-checkbox .oxd-input-group[data-v-7dd84cb5] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmRecruitmentPlugin/pages/public-job-vacancy.scss?vue&type=style&index=0&id=6895019c&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-background-container[data-v-6895019c] {
  height: 80%;
}
.orangehrm-vacancy-description[data-v-6895019c] {
  font-size: 12px;
  font-weight: 700;
}
.orangehrm-applicant-card-pre-tag[data-v-6895019c] {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: "Nunito Sans", sans-serif;
}
.orangehrm-applicant-card-footer[data-v-6895019c] {
  display: flex;
  justify-content: left;
}
.orangehrm-applicant-card-anchor-tag[data-v-6895019c] {
  cursor: pointer;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-applicant-container[data-v-6895019c] {
  width: 100%;
  display: block;
}
.orangehrm-applicant-container-row[data-v-6895019c] {
  width: inherit;
}
.orangehrm-applicant-container-colspan-2[data-v-6895019c] {
  grid-column: 1/span 2;
}
.orangehrm-applicant-container-grid-checkbox .oxd-input-group[data-v-6895019c] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.orangehrm-container[data-v-6895019c] {
  height: 100%;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
  overflow: auto;
  position: relative;
  margin: 0;
}
.orangehrm-container[data-v-6895019c]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-6895019c]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-6895019c]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-6895019c] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-6895019c] {
  margin: 0 auto;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.orangehrm-container-img[data-v-6895019c] {
  height: 40px;
}
.orangehrm-card-container[data-v-6895019c] {
  width: 80%;
  margin: 1rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-card-container-header[data-v-6895019c] {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
.orangehrm-card-container-header[data-v-6895019c] {
    flex-direction: row;
}
}
.orangehrm-card-container-header .orangehrm-main-title[data-v-6895019c] {
  word-break: break-word;
}
@media (min-width: 800px) {
.orangehrm-card-container-header .orangehrm-main-title[data-v-6895019c] {
    align-self: center;
}
}
.orangehrm-paper-container[data-v-6895019c] {
  width: 80%;
  background: unset;
  margin: 0rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-vacancy-card[data-v-6895019c] {
  display: block;
}
.orangehrm-vacancy-card-header[data-v-6895019c] {
  display: flex;
  align-items: center;
  word-break: break-word;
  justify-content: space-between;
}
.orangehrm-vacancy-card-header button[data-v-6895019c] {
  flex-shrink: 0;
}
.orangehrm-vacancy-card-anchor-tag[data-v-6895019c] {
  cursor: pointer;
  font-weight: 600;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
  font-size: 12px;
}
.orangehrm-vacancy-card-body[data-v-6895019c] {
  position: relative;
  overflow: hidden;
  max-height: 60px;
  line-height: 15px;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-6895019c]: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-6895019c] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-6895019c]:after {
    display: none;
}
}
@media (min-width: 800px) {
.orangehrm-vacancy-card-body[data-v-6895019c] {
    position: relative;
    overflow: hidden;
    max-height: 30px;
    line-height: 15px;
    justify-content: space-between;
    word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-6895019c]: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-6895019c] {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-6895019c]:after {
      display: none;
}
}
}
.orangehrm-vacancy-card-pre-tag[data-v-6895019c] {
  margin-top: 0;
  font-family: "Nunito Sans", sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.orangehrm-vacancy-card-footer[data-v-6895019c] {
  display: flex;
  justify-content: left;
}
.orangehrm-vacancy-list-poweredby[data-v-6895019c] {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.oxd-brand-banner[data-v-6895019c] {
  flex: 1;
  height: 32px;
  margin-bottom: 8px;
}
@media (min-width: 800px) {
.oxd-brand-banner[data-v-6895019c] {
    flex: 0;
    margin-bottom: 0;
}
}
.orangehrm-container[data-v-6895019c] {
  padding: 0;
  height: 72vh;
}
@media (min-width: 800px) {
.orangehrm-container[data-v-6895019c] {
    height: 75vh;
}
}
@media screen and (min-width: 1536px) {
.orangehrm-container[data-v-6895019c] {
    height: 85vh;
}
}
@media screen and (min-width: 2560px) {
.orangehrm-container[data-v-6895019c] {
    height: 90vh;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmRecruitmentPlugin/pages/public-job-vacancy.scss?vue&type=style&index=0&id=762e575e&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-background-container[data-v-762e575e] {
  height: 80%;
}
.orangehrm-vacancy-description[data-v-762e575e] {
  font-size: 12px;
  font-weight: 700;
}
.orangehrm-applicant-card-pre-tag[data-v-762e575e] {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: "Nunito Sans", sans-serif;
}
.orangehrm-applicant-card-footer[data-v-762e575e] {
  display: flex;
  justify-content: left;
}
.orangehrm-applicant-card-anchor-tag[data-v-762e575e] {
  cursor: pointer;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-applicant-container[data-v-762e575e] {
  width: 100%;
  display: block;
}
.orangehrm-applicant-container-row[data-v-762e575e] {
  width: inherit;
}
.orangehrm-applicant-container-colspan-2[data-v-762e575e] {
  grid-column: 1/span 2;
}
.orangehrm-applicant-container-grid-checkbox .oxd-input-group[data-v-762e575e] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.orangehrm-container[data-v-762e575e] {
  height: 100%;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
  overflow: auto;
  position: relative;
  margin: 0;
}
.orangehrm-container[data-v-762e575e]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-762e575e]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-762e575e]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-762e575e] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-762e575e] {
  margin: 0 auto;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.orangehrm-container-img[data-v-762e575e] {
  height: 40px;
}
.orangehrm-card-container[data-v-762e575e] {
  width: 80%;
  margin: 1rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-card-container-header[data-v-762e575e] {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
.orangehrm-card-container-header[data-v-762e575e] {
    flex-direction: row;
}
}
.orangehrm-card-container-header .orangehrm-main-title[data-v-762e575e] {
  word-break: break-word;
}
@media (min-width: 800px) {
.orangehrm-card-container-header .orangehrm-main-title[data-v-762e575e] {
    align-self: center;
}
}
.orangehrm-paper-container[data-v-762e575e] {
  width: 80%;
  background: unset;
  margin: 0rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-vacancy-card[data-v-762e575e] {
  display: block;
}
.orangehrm-vacancy-card-header[data-v-762e575e] {
  display: flex;
  align-items: center;
  word-break: break-word;
  justify-content: space-between;
}
.orangehrm-vacancy-card-header button[data-v-762e575e] {
  flex-shrink: 0;
}
.orangehrm-vacancy-card-anchor-tag[data-v-762e575e] {
  cursor: pointer;
  font-weight: 600;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
  font-size: 12px;
}
.orangehrm-vacancy-card-body[data-v-762e575e] {
  position: relative;
  overflow: hidden;
  max-height: 60px;
  line-height: 15px;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-762e575e]: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-762e575e] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-762e575e]:after {
    display: none;
}
}
@media (min-width: 800px) {
.orangehrm-vacancy-card-body[data-v-762e575e] {
    position: relative;
    overflow: hidden;
    max-height: 30px;
    line-height: 15px;
    justify-content: space-between;
    word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-762e575e]: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-762e575e] {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-762e575e]:after {
      display: none;
}
}
}
.orangehrm-vacancy-card-pre-tag[data-v-762e575e] {
  margin-top: 0;
  font-family: "Nunito Sans", sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.orangehrm-vacancy-card-footer[data-v-762e575e] {
  display: flex;
  justify-content: left;
}
.orangehrm-vacancy-list-poweredby[data-v-762e575e] {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.oxd-brand-banner[data-v-762e575e] {
  flex: 1;
  height: 32px;
  margin-bottom: 8px;
}
@media (min-width: 800px) {
.oxd-brand-banner[data-v-762e575e] {
    flex: 0;
    margin-bottom: 0;
}
}
.orangehrm-container[data-v-762e575e] {
  padding: 0;
  height: 72vh;
}
@media (min-width: 800px) {
.orangehrm-container[data-v-762e575e] {
    height: 75vh;
}
}
@media screen and (min-width: 1536px) {
.orangehrm-container[data-v-762e575e] {
    height: 85vh;
}
}
@media screen and (min-width: 2560px) {
.orangehrm-container[data-v-762e575e] {
    height: 90vh;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmRecruitmentPlugin/components/SuccessDialog.vue?vue&type=style&index=0&id=f389b71c&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-f389b71c] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-f389b71c] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-f389b71c] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-f389b71c] {
  text-align: center;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmRecruitmentPlugin/pages/public-job-vacancy.scss?vue&type=style&index=0&id=23a3b89e&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-background-container[data-v-23a3b89e] {
  height: 80%;
}
.orangehrm-vacancy-description[data-v-23a3b89e] {
  font-size: 12px;
  font-weight: 700;
}
.orangehrm-applicant-card-pre-tag[data-v-23a3b89e] {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: "Nunito Sans", sans-serif;
}
.orangehrm-applicant-card-footer[data-v-23a3b89e] {
  display: flex;
  justify-content: left;
}
.orangehrm-applicant-card-anchor-tag[data-v-23a3b89e] {
  cursor: pointer;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-applicant-container[data-v-23a3b89e] {
  width: 100%;
  display: block;
}
.orangehrm-applicant-container-row[data-v-23a3b89e] {
  width: inherit;
}
.orangehrm-applicant-container-colspan-2[data-v-23a3b89e] {
  grid-column: 1/span 2;
}
.orangehrm-applicant-container-grid-checkbox .oxd-input-group[data-v-23a3b89e] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.orangehrm-container[data-v-23a3b89e] {
  height: 100%;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
  overflow: auto;
  position: relative;
  margin: 0;
}
.orangehrm-container[data-v-23a3b89e]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-23a3b89e]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-23a3b89e]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-23a3b89e] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-23a3b89e] {
  margin: 0 auto;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.orangehrm-container-img[data-v-23a3b89e] {
  height: 40px;
}
.orangehrm-card-container[data-v-23a3b89e] {
  width: 80%;
  margin: 1rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-card-container-header[data-v-23a3b89e] {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
.orangehrm-card-container-header[data-v-23a3b89e] {
    flex-direction: row;
}
}
.orangehrm-card-container-header .orangehrm-main-title[data-v-23a3b89e] {
  word-break: break-word;
}
@media (min-width: 800px) {
.orangehrm-card-container-header .orangehrm-main-title[data-v-23a3b89e] {
    align-self: center;
}
}
.orangehrm-paper-container[data-v-23a3b89e] {
  width: 80%;
  background: unset;
  margin: 0rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-vacancy-card[data-v-23a3b89e] {
  display: block;
}
.orangehrm-vacancy-card-header[data-v-23a3b89e] {
  display: flex;
  align-items: center;
  word-break: break-word;
  justify-content: space-between;
}
.orangehrm-vacancy-card-header button[data-v-23a3b89e] {
  flex-shrink: 0;
}
.orangehrm-vacancy-card-anchor-tag[data-v-23a3b89e] {
  cursor: pointer;
  font-weight: 600;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
  font-size: 12px;
}
.orangehrm-vacancy-card-body[data-v-23a3b89e] {
  position: relative;
  overflow: hidden;
  max-height: 60px;
  line-height: 15px;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-23a3b89e]: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-23a3b89e] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-23a3b89e]:after {
    display: none;
}
}
@media (min-width: 800px) {
.orangehrm-vacancy-card-body[data-v-23a3b89e] {
    position: relative;
    overflow: hidden;
    max-height: 30px;
    line-height: 15px;
    justify-content: space-between;
    word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-23a3b89e]: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-23a3b89e] {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-23a3b89e]:after {
      display: none;
}
}
}
.orangehrm-vacancy-card-pre-tag[data-v-23a3b89e] {
  margin-top: 0;
  font-family: "Nunito Sans", sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.orangehrm-vacancy-card-footer[data-v-23a3b89e] {
  display: flex;
  justify-content: left;
}
.orangehrm-vacancy-list-poweredby[data-v-23a3b89e] {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.oxd-brand-banner[data-v-23a3b89e] {
  flex: 1;
  height: 32px;
  margin-bottom: 8px;
}
@media (min-width: 800px) {
.oxd-brand-banner[data-v-23a3b89e] {
    flex: 0;
    margin-bottom: 0;
}
}
.orangehrm-container[data-v-23a3b89e] {
  padding: 0;
  height: 72vh;
}
@media (min-width: 800px) {
.orangehrm-container[data-v-23a3b89e] {
    height: 75vh;
}
}
@media screen and (min-width: 1536px) {
.orangehrm-container[data-v-23a3b89e] {
    height: 85vh;
}
}
@media screen and (min-width: 2560px) {
.orangehrm-container[data-v-23a3b89e] {
    height: 90vh;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmRecruitmentPlugin/pages/ViewInterviewAttachments.vue?vue&type=style&index=0&id=1d4769df&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-attachment[data-v-1d4769df] {
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.orangehrm-attachment-header[data-v-1d4769df] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
  padding: 25px;
}
.orangehrm-attachment-header button[data-v-1d4769df] {
  margin-left: 1rem;
  white-space: nowrap;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPerformancePlugin/pages/kpi.scss?vue&type=style&index=0&id=32e33e07&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-module-field-row[data-v-32e33e07] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
}
.orangehrm-module-field-label[data-v-32e33e07] {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  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%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPerformancePlugin/pages/kpi.scss?vue&type=style&index=0&id=57dc9ffa&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-module-field-row[data-v-57dc9ffa] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
}
.orangehrm-module-field-label[data-v-57dc9ffa] {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  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%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPerformancePlugin/pages/review.scss?vue&type=style&index=0&id=6916285c&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-button-row[data-v-6916285c] {
  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-6916285c] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-button-row[data-v-6916285c] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-button-row[data-v-6916285c] .oxd-button--medium {
    width: unset;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPerformancePlugin/pages/review.scss?vue&type=style&index=0&id=1cade159&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-button-row[data-v-1cade159] {
  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-1cade159] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-button-row[data-v-1cade159] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-button-row[data-v-1cade159] .oxd-button--medium {
    width: unset;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPerformancePlugin/components/ReviewPeriodCell.vue?vue&type=style&index=0&id=218e8b50&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-card-cell[data-v-218e8b50] {
  display: block;
}
.oxd-table-card-cell .header[data-v-218e8b50] {
  font-weight: 700;
}
.oxd-table-card-cell .time[data-v-218e8b50] {
  white-space: nowrap;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPerformancePlugin/pages/MyReviews.vue?vue&type=style&index=0&id=218ca648&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-218ca648] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-218ca648] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPerformancePlugin/pages/ReviewList.vue?vue&type=style&index=0&id=1cb1456d&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-1cb1456d] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPerformancePlugin/pages/ReviewSearch.vue?vue&type=style&index=0&id=97601892&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-97601892] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPerformancePlugin/components/TrackerLogRatingButton.vue?vue&type=style&index=0&id=3121eed0&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-tracker-rating-button[data-v-3121eed0] {
  margin-right: 0.6rem;
  padding-right: 0.6rem;
  padding-left: 0.6rem;
}
.orangehrm-tracker-rating-icon[data-v-3121eed0] {
  vertical-align: bottom;
}
.--positive[data-v-3121eed0] {
  color: #34bc40;
}
.--negative[data-v-3121eed0] {
  color: #eb0910;
}
.--deselected[data-v-3121eed0] {
  background-color: #ffffff;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPerformancePlugin/components/tracker-log-modal.scss?vue&type=style&index=0&id=637cf09d&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-add-tracker-log-ratings-container[data-v-637cf09d] {
  padding-bottom: 0.6rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPerformancePlugin/components/tracker-log-modal.scss?vue&type=style&index=0&id=766741aa&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-add-tracker-log-ratings-container[data-v-766741aa] {
  padding-bottom: 0.6rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPerformancePlugin/components/tracker-log-card.scss?vue&type=style&index=0&id=7095af47&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-tracker-log[data-v-7095af47] {
  display: flex;
  flex-direction: row;
}
.orangehrm-employee-tracker-log img[data-v-7095af47] {
  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-7095af47] {
  display: flex;
}
.orangehrm-employee-tracker-log-content-section[data-v-7095af47] {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-employee-tracker-log-content-container[data-v-7095af47] {
  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-7095af47] {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.6rem;
  align-items: flex-start;
}
.orangehrm-employee-tracker-log-title[data-v-7095af47] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker-log-title[data-v-7095af47] {
    flex-direction: column;
}
}
@media (min-width: 600px) {
.orangehrm-employee-tracker-log-title[data-v-7095af47] {
    flex-direction: row;
    padding-right: 2.4rem;
}
}
.orangehrm-employee-tracker-log-title-text[data-v-7095af47] {
  font-weight: 700;
  font-size: 21px;
  padding-right: 0.6rem;
}
.orangehrm-employee-tracker-log-title-icon[data-v-7095af47] {
  min-width: 21px;
  min-height: 21px;
}
.orangehrm-employee-tracker-log-title-icon.--positive[data-v-7095af47] {
  color: #34bc40;
}
.orangehrm-employee-tracker-log-title-icon.--negative[data-v-7095af47] {
  color: #eb0910;
}
.orangehrm-employee-tracker-log-body-text[data-v-7095af47] {
  font-size: 12px;
}
.orangehrm-employee-tracker-log-reviewer[data-v-7095af47] {
  display: flex;
}
.orangehrm-employee-tracker-log-reviewer-name[data-v-7095af47] {
  font-weight: 700;
  margin-left: 1.2rem;
  font-size: 14px;
}
.orangehrm-employee-tracker-log-reviewer-date[data-v-7095af47] {
  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-7095af47] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.orangehrm-employee-tracker-log-reviewer-date-icon[data-v-7095af47] {
  margin-right: 0.3rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPerformancePlugin/pages/employee-tracker-log.scss?vue&type=style&index=0&id=2f4894b2&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-2f4894b2] {
  overflow: auto;
  max-height: 400px;
  min-height: 400px;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-2f4894b2]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-2f4894b2]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-2f4894b2]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-2f4894b2] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-2f4894b2] {
  margin: 0 auto;
  background-color: #ffffff;
}
.orangehrm-scroll-card[data-v-2f4894b2] {
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
}
.orangehrm-scroll-card-header[data-v-2f4894b2] {
  display: flex;
  justify-content: space-between;
}
.orangehrm-employee-tracker[data-v-2f4894b2] {
  display: flex;
  overflow: hidden;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker[data-v-2f4894b2] {
    flex-direction: column;
}
}
@media (min-width: 600px) {
.orangehrm-employee-tracker[data-v-2f4894b2] {
    flex-direction: row;
}
}
.orangehrm-employee-tracker-image-wrapper[data-v-2f4894b2] {
  padding: 0.6rem 1.2rem;
}
.orangehrm-employee-tracker img[data-v-2f4894b2] {
  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-2f4894b2] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker-image-section[data-v-2f4894b2] {
    flex-direction: row-reverse;
    justify-content: center;
}
}
@media (min-width: 800px) {
.orangehrm-employee-tracker-image-section[data-v-2f4894b2] {
    flex-direction: column;
    justify-content: center;
}
}
.orangehrm-employee-tracker-header-section[data-v-2f4894b2] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker-header-section[data-v-2f4894b2] {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
}
@media (min-width: 600px) {
.orangehrm-employee-tracker-header-section[data-v-2f4894b2] {
    flex-direction: row;
    align-items: flex-start;
    text-align: start;
}
}
.orangehrm-employee-tracker-header[data-v-2f4894b2] {
  display: flex;
  flex-direction: column;
  padding-left: 1.2rem;
  padding-right: 0.6rem;
  padding-top: 1.2rem;
}
.orangehrm-employee-tracker-header-title[data-v-2f4894b2] {
  font-weight: 700;
  font-size: 21px;
}
.orangehrm-employee-tracker-header-subtitle[data-v-2f4894b2] {
  font-weight: 700;
  color: #929baa;
}
.orangehrm-employee-tracker-ratings[data-v-2f4894b2] {
  display: flex;
  padding-top: 1.2rem;
}
.orangehrm-employee-tracker-ratings-info[data-v-2f4894b2] {
  display: flex;
  flex-direction: row;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  text-align: center;
}
.orangehrm-employee-tracker-ratings-icon[data-v-2f4894b2] {
  padding-right: 0.6rem;
  min-width: 21px;
  min-height: 21px;
}
.orangehrm-employee-tracker-ratings-text[data-v-2f4894b2] {
  font-size: 21px;
}
.orangehrm-employee-tracker-list-header[data-v-2f4894b2] {
  font-size: 16px;
  font-weight: 800;
}
.orangehrm-employee-tracker-no-records[data-v-2f4894b2] {
  display: flex;
  min-height: inherit;
  justify-content: center;
  align-items: center;
}
.--positive[data-v-2f4894b2] {
  color: #34bc40;
}
.--negative[data-v-2f4894b2] {
  color: #eb0910;
}
.orangehrm-paper-container[data-v-2f4894b2] {
  padding-bottom: 2.4rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPerformancePlugin/components/review-summary.scss?vue&type=style&index=0&id=3c4179e1&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-performance-review-title[data-v-3c4179e1] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-bold[data-v-3c4179e1] {
  font-weight: 700;
}
.orangehrm-performance-review-rating[data-v-3c4179e1] {
  display: flex;
  flex-direction: column;
}
.orangehrm-performance-review-rating-number[data-v-3c4179e1] {
  font-weight: 700;
  color: var(--oxd-primary-one-color);
}
.orangehrm-performance-review-owner[data-v-3c4179e1] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.orangehrm-performance-review-owner img[data-v-3c4179e1] {
  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-3c4179e1] {
  display: flex;
}
.orangehrm-performance-review-owner-employee[data-v-3c4179e1] {
  display: flex;
  flex-direction: column;
  padding-left: 1.2rem;
}
.orangehrm-performance-review-owner-employee-name[data-v-3c4179e1], .orangehrm-performance-review-owner-employee-job[data-v-3c4179e1] {
  font-weight: 700;
  font-size: 18px;
  word-break: break-word;
}
.orangehrm-performance-review-owner-employee-job[data-v-3c4179e1] {
  color: #929baa;
}
.orangehrm-performance-review-final-rating[data-v-3c4179e1] {
  align-self: center;
}
.orangehrm-performance-review-column[data-v-3c4179e1] {
  margin-bottom: 0.5rem;
}
.orangehrm-performance-review-details[data-v-3c4179e1] {
  display: flex;
}
.orangehrm-performance-review-details-grid[data-v-3c4179e1] {
  width: 100%;
  align-items: center;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPerformancePlugin/components/final-evaluation.scss?vue&type=style&index=0&id=650ee145&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
@media (min-width: 800px) {
.orangehrm-performance-review-grid[data-v-650ee145] {
    grid-template-columns: 33.3333333333% 110px 1fr 0.5fr;
}
}
.orangehrm-performance-review-grid[data-v-650ee145] .oxd-textarea {
  min-height: unset;
}
.orangehrm-performance-review-title[data-v-650ee145] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-bold[data-v-650ee145] {
  font-weight: 700;
}
.orangehrm-performance-review-read[data-v-650ee145] {
  margin-top: 0.3rem;
  margin-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-performance-review-read[data-v-650ee145] {
    margin-top: 1.2rem;
    margin-bottom: 0;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPerformancePlugin/components/evaluation-form.scss?vue&type=style&index=0&id=8a0bd206&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-evaluation-header[data-v-8a0bd206] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-evaluation-header-grid[data-v-8a0bd206] {
  width: 100%;
}
.orangehrm-evaluation-title[data-v-8a0bd206] {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.orangehrm-evaluation-title-profile-image[data-v-8a0bd206] {
  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-8a0bd206] {
  margin-left: 1rem;
  word-break: break-word;
}
.orangehrm-evaluation-grid[data-v-8a0bd206] {
  padding-top: 0.5rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid[data-v-8a0bd206] {
    grid-template-columns: 33.3333333333% 110px 1fr 0.5fr;
}
}
.orangehrm-evaluation-grid-header[data-v-8a0bd206] {
  display: none;
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-header[data-v-8a0bd206] {
    display: block;
}
}
.orangehrm-evaluation-grid-kpi[data-v-8a0bd206] {
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-kpi-header[data-v-8a0bd206] {
    display: none;
}
}
.orangehrm-evaluation-grid-kpi-label[data-v-8a0bd206] {
  font-weight: 700;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-kpi-label[data-v-8a0bd206] {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
}
.orangehrm-evaluation-grid-kpi-minmax[data-v-8a0bd206] {
  font-size: 0.75rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-general[data-v-8a0bd206] {
    display: flex;
    align-items: center;
}
}
.orangehrm-evaluation-grid-general-label[data-v-8a0bd206] {
  font-weight: 700;
}
.orangehrm-evaluation-grid-spacer[data-v-8a0bd206] {
  padding: 0.5rem 0;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-spacer[data-v-8a0bd206] {
    display: none;
}
}
.orangehrm-evaluation-grid-spacer-md[data-v-8a0bd206] {
  display: none;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-spacer-md[data-v-8a0bd206] {
    display: block;
}
}
.orangehrm-evaluation-grid[data-v-8a0bd206] .oxd-textarea {
  min-height: unset;
  height: 58px;
}
.orangehrm-evaluation-grid[data-v-8a0bd206] .oxd-input {
  text-align: center;
  font-size: 1.2rem;
  height: 58px;
}
.orangehrm-evaluation .orangehrm-main-title[data-v-8a0bd206] {
  margin-bottom: 0.75rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmPerformancePlugin/components/ReviewConfirmModal.vue?vue&type=style&index=0&id=6c39a9bc&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPerformancePlugin/pages/review-evaluate.scss?vue&type=style&index=0&id=f1be12b8&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-performance-review-title[data-v-f1be12b8] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-actions[data-v-f1be12b8] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-performance-review-actions[data-v-f1be12b8] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-performance-review-actions[data-v-f1be12b8] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-performance-review-actions[data-v-f1be12b8] .oxd-button--medium {
    width: unset;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmPerformancePlugin/pages/review-evaluate.scss?vue&type=style&index=0&id=3cdeef02&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-performance-review-title[data-v-3cdeef02] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-actions[data-v-3cdeef02] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-performance-review-actions[data-v-3cdeef02] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-performance-review-actions[data-v-3cdeef02] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-performance-review-actions[data-v-3cdeef02] .oxd-button--medium {
    width: unset;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmCorporateDirectoryPlugin/components/ProfilePicture.vue?vue&type=style&index=0&id=933974cc&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-profile-picture[data-v-933974cc] {
  display: block;
  height: 90px;
  width: 90px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
}
.orangehrm-profile-picture img[data-v-933974cc] {
  height: 90px;
  width: 90px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmCorporateDirectoryPlugin/components/SummaryCard.vue?vue&type=style&index=0&id=cda65fbe&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.icon-left[data-v-cda65fbe] {
  display: inline-block;
}
.icon-right[data-v-cda65fbe] {
  float: right;
}
.orangehrm-directory-card[data-v-cda65fbe] {
  height: auto;
  cursor: pointer;
  overflow: hidden;
  padding: 0.5rem 1rem;
}
.orangehrm-directory-card-header[data-v-cda65fbe] {
  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-cda65fbe] {
  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-cda65fbe]: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-cda65fbe] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-directory-card-header.--break-words[data-v-cda65fbe]:after {
    display: none;
}
}
.orangehrm-directory-card-subtitle[data-v-cda65fbe] {
  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-cda65fbe] {
  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-cda65fbe]: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-cda65fbe] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-directory-card-subtitle.--break-words[data-v-cda65fbe]:after {
    display: none;
}
}
.orangehrm-directory-card-description[data-v-cda65fbe] {
  font-size: 12px;
  text-align: left;
  word-break: break-word;
}
.orangehrm-directory-card-description.--break-words[data-v-cda65fbe] {
  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-cda65fbe]: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-cda65fbe] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-directory-card-description.--break-words[data-v-cda65fbe]:after {
    display: none;
}
}
.orangehrm-directory-card-description[data-v-cda65fbe]:first-of-type {
  margin-bottom: 0.25rem;
}
.orangehrm-directory-card-body[data-v-cda65fbe] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #fafafc;
}
.orangehrm-directory-card-icon[data-v-cda65fbe] {
  font-size: 24px;
  margin-right: 0.5rem;
  color: #64728c;
}
@media (min-width: 800px) {
.orangehrm-directory-card[data-v-cda65fbe] {
    min-height: 260px;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmCorporateDirectoryPlugin/components/QRCode.vue?vue&type=style&index=0&id=14d70ada&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.orangehrm-qr-code[data-v-14d70ada] {
  margin: auto;
  width: 140px;
  display: block;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmCorporateDirectoryPlugin/components/CompanyDetails.vue?vue&type=style&index=0&id=79ceccec&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-directory-card[data-v-79ceccec] {
  height: auto;
  overflow: hidden;
  padding: 0.5rem 1rem;
}
@media (min-width: 800px) {
.orangehrm-directory-card[data-v-79ceccec] {
    min-height: 280px;
}
}
.orangehrm-directory-card-rounded-body[data-v-79ceccec] {
  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-79ceccec] {
  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-79ceccec] {
    width: auto;
}
}
.orangehrm-directory-card-hover-body[data-v-79ceccec] {
  display: block;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  word-wrap: break-word;
}
.orangehrm-directory-card-hover-icon[data-v-79ceccec] {
  color: #64728c;
  font-size: 14px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.orangehrm-directory-card-hover[data-v-79ceccec]:hover {
  background-color: #fafafc;
}
.orangehrm-directory-card-icon[data-v-79ceccec] {
  margin: 0 0.5rem 0 0;
  color: #64728c;
  font-size: 24px;
  display: flex;
  justify-content: center;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmCorporateDirectoryPlugin/pages/corporate-directory.scss?vue&type=style&index=0&id=7c053fb7&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-corporate-directory[data-v-7c053fb7] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-corporate-directory[data-v-7c053fb7] {
    display: flex;
    justify-content: space-between;
}
}
.orangehrm-corporate-directory-sidebar[data-v-7c053fb7] {
  min-width: 250px;
  max-width: 250px;
  margin-left: 1rem;
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.orangehrm-corporate-directory-nocontent[data-v-7c053fb7] {
  margin: 1rem 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
.orangehrm-corporate-directory-nocontent img[data-v-7c053fb7] {
  width: 15%;
  max-width: 150px;
}
.orangehrm-corporate-directory-nocontent p[data-v-7c053fb7] {
  width: 60%;
  text-align: center;
}
.orangehrm-container[data-v-7c053fb7] {
  height: 512px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-7c053fb7]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-7c053fb7]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-7c053fb7]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-7c053fb7] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-7c053fb7] {
  margin: 0 auto;
  background-color: #ffffff;
}
.oxd-grid-item[data-v-7c053fb7] {
  padding: 0.5rem 0.75rem;
}
.orangehrm-paper-container[data-v-7c053fb7] {
  width: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmCorporateDirectoryPlugin/pages/corporate-directory.scss?vue&type=style&index=0&id=56501aee&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-corporate-directory[data-v-56501aee] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-corporate-directory[data-v-56501aee] {
    display: flex;
    justify-content: space-between;
}
}
.orangehrm-corporate-directory-sidebar[data-v-56501aee] {
  min-width: 250px;
  max-width: 250px;
  margin-left: 1rem;
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.orangehrm-corporate-directory-nocontent[data-v-56501aee] {
  margin: 1rem 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
.orangehrm-corporate-directory-nocontent img[data-v-56501aee] {
  width: 15%;
  max-width: 150px;
}
.orangehrm-corporate-directory-nocontent p[data-v-56501aee] {
  width: 60%;
  text-align: center;
}
.orangehrm-container[data-v-56501aee] {
  height: 512px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-56501aee]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-56501aee]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-56501aee]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-56501aee] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-56501aee] {
  margin: 0 auto;
  background-color: #ffffff;
}
.oxd-grid-item[data-v-56501aee] {
  padding: 0.5rem 0.75rem;
}
.orangehrm-paper-container[data-v-56501aee] {
  width: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAuthenticationPlugin/components/login-layout.scss?vue&type=style&index=0&id=43d7e8ce&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-layout[data-v-43d7e8ce] {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-width: 0px) {
.orangehrm-login-layout[data-v-43d7e8ce] {
    background-color: #f1f2f5;
}
}
@media (min-width: 800px) {
.orangehrm-login-layout[data-v-43d7e8ce] {
    background-color: var(--oxd-primary-one-color);
}
}
.orangehrm-login-layout-blob[data-v-43d7e8ce] {
  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-43d7e8ce]::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-43d7e8ce] {
    background-image: url(../img/blob.svg);
    background-repeat: no-repeat;
    background-size: 80% 100%;
}
}
.orangehrm-login-container[data-v-43d7e8ce] {
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-login-container[data-v-43d7e8ce] {
    width: 80%;
}
}
.orangehrm-login-logo[data-v-43d7e8ce] {
  position: absolute;
  right: 15%;
  padding: 1rem;
  background-color: #f6f5fb;
  border-radius: 100%;
  display: none;
}
.orangehrm-login-logo img[data-v-43d7e8ce] {
  width: 10rem;
}
@media (min-width: 800px) {
.orangehrm-login-logo[data-v-43d7e8ce] {
    display: block;
}
}
.orangehrm-login-slot-wrapper[data-v-43d7e8ce] {
  padding: 1rem 2rem;
  width: inherit;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper[data-v-43d7e8ce] {
    padding: 1rem 10rem;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-43d7e8ce] {
  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-43d7e8ce] {
  width: 5rem;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-43d7e8ce] {
    display: none;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-slot[data-v-43d7e8ce] {
  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-43d7e8ce] {
    background-color: transparent;
    padding: unset;
}
}
.orangehrm-login-branding[data-v-43d7e8ce] {
  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-43d7e8ce] {
  width: 100%;
  max-width: 180px;
  height: auto;
  max-height: 65px;
}
@media (min-width: 800px) {
.orangehrm-login-branding[data-v-43d7e8ce] {
    width: 80%;
    max-width: 520px;
}
}
.orangehrm-login-social[data-v-43d7e8ce] {
  padding: 1rem 0;
}
.orangehrm-login-social-text[data-v-43d7e8ce] {
  text-align: center;
  margin-bottom: 1rem;
}
.orangehrm-login-social-icons[data-v-43d7e8ce] {
  display: flex;
  justify-content: center;
}
.orangehrm-login-social-icons .--loginwith[data-v-43d7e8ce] {
  margin: 0 0.25rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAuthenticationPlugin/components/AuthButton.vue?vue&type=style&index=0&id=757c306f&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-auth-button[data-v-757c306f] {
  width: 14rem;
  height: 2.5rem;
  display: flex;
  flex-shrink: 0;
  border: 1px solid;
  border-radius: 1.5rem;
  border-color: var(--oxd-primary-one-color);
  align-items: center;
  text-decoration: none;
  justify-content: center;
  cursor: pointer;
  margin-bottom: 0.5rem;
}
.orangehrm-auth-button-text[data-v-757c306f] {
  position: relative;
  overflow: hidden;
  max-height: 1;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
  width: 50%;
  line-height: 1;
  font-size: 14px;
  font-weight: 800;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-auth-button-text[data-v-757c306f]: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-auth-button-text[data-v-757c306f] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-auth-button-text[data-v-757c306f]:after {
    display: none;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAuthenticationPlugin/components/SocialMediaAuth.vue?vue&type=style&index=0&id=7b132fcc&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-social-auth[data-v-7b132fcc] {
  gap: 5px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  max-width: 80%;
}
.orangehrm-social-auth-header[data-v-7b132fcc] {
  font-size: 0.8rem;
  text-align: center;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAuthenticationPlugin/pages/login.scss?vue&type=style&index=0&id=30a42d7a&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-form[data-v-30a42d7a] {
  margin: 0 auto;
}
@media (min-width: 0px) {
.orangehrm-login-form[data-v-30a42d7a] {
    width: 80%;
}
}
@media (min-width: 800px) {
.orangehrm-login-form[data-v-30a42d7a] {
    width: 60%;
    max-width: 485px;
}
}
.orangehrm-login-action[data-v-30a42d7a] {
  margin-top: 2rem;
  justify-content: center;
}
.orangehrm-create-account-action[data-v-30a42d7a] {
  margin-top: 1rem;
  justify-content: center;
}
.orangehrm-login-button[data-v-30a42d7a] {
  flex: 1;
  padding: 1rem 0;
}
.orangehrm-create-account-button[data-v-30a42d7a] {
  flex: 1;
  padding: 1rem 0;
  background-color: transparent;
  border: 1px solid;
  color: var(--oxd-primary-one-color);
}
.orangehrm-profile-button[data-v-30a42d7a] {
  display: flex;
  justify-content: center;
  flex: 1;
  margin: 1rem;
  text-align: center;
}
.orangehrm-login-title[data-v-30a42d7a] {
  text-align: center;
  font-weight: 800;
  margin-bottom: 1rem;
}
.orangehrm-profile-title[data-v-30a42d7a] {
  text-align: center;
  font-weight: 800;
}
.orangehrm-login-pwreset[data-v-30a42d7a] {
  margin: 1rem 0;
  text-align: center;
  font-weight: 600;
}
.orangehrm-login-pwreset a[data-v-30a42d7a] {
  color: var(--oxd-primary-one-color);
  text-decoration: none;
}
.orangehrm-login-forgot[data-v-30a42d7a] {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  font-size: 16px;
}
.orangehrm-login-forgot-header[data-v-30a42d7a] {
  text-align: center;
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-demo-credentials[data-v-30a42d7a] {
  margin: 1rem 0;
}
.orangehrm-login-footer-sm[data-v-30a42d7a] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.orangehrm-login-footer-sm a[data-v-30a42d7a] {
  width: 22px;
  height: 22px;
  margin: 0 0.25rem;
}
.orangehrm-login-footer-sm .orangehrm-sm-icon[data-v-30a42d7a] {
  width: inherit;
  height: inherit;
  color: rgba(146, 155, 170, 0.8);
}
@media (min-width: 800px) {
.orangehrm-login-footer-sm[data-v-30a42d7a] {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
}
}
.orangehrm-login-seperator[data-v-30a42d7a] {
  margin: 0.5rem 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAuthenticationPlugin/pages/login.scss?vue&type=style&index=0&id=18168ea2&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-form[data-v-18168ea2] {
  margin: 0 auto;
}
@media (min-width: 0px) {
.orangehrm-login-form[data-v-18168ea2] {
    width: 80%;
}
}
@media (min-width: 800px) {
.orangehrm-login-form[data-v-18168ea2] {
    width: 60%;
    max-width: 485px;
}
}
.orangehrm-login-action[data-v-18168ea2] {
  margin-top: 2rem;
  justify-content: center;
}
.orangehrm-create-account-action[data-v-18168ea2] {
  margin-top: 1rem;
  justify-content: center;
}
.orangehrm-login-button[data-v-18168ea2] {
  flex: 1;
  padding: 1rem 0;
}
.orangehrm-create-account-button[data-v-18168ea2] {
  flex: 1;
  padding: 1rem 0;
  background-color: transparent;
  border: 1px solid;
  color: var(--oxd-primary-one-color);
}
.orangehrm-profile-button[data-v-18168ea2] {
  display: flex;
  justify-content: center;
  flex: 1;
  margin: 1rem;
  text-align: center;
}
.orangehrm-login-title[data-v-18168ea2] {
  text-align: center;
  font-weight: 800;
  margin-bottom: 1rem;
}
.orangehrm-profile-title[data-v-18168ea2] {
  text-align: center;
  font-weight: 800;
}
.orangehrm-login-pwreset[data-v-18168ea2] {
  margin: 1rem 0;
  text-align: center;
  font-weight: 600;
}
.orangehrm-login-pwreset a[data-v-18168ea2] {
  color: var(--oxd-primary-one-color);
  text-decoration: none;
}
.orangehrm-login-forgot[data-v-18168ea2] {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  font-size: 16px;
}
.orangehrm-login-forgot-header[data-v-18168ea2] {
  text-align: center;
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-demo-credentials[data-v-18168ea2] {
  margin: 1rem 0;
}
.orangehrm-login-footer-sm[data-v-18168ea2] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.orangehrm-login-footer-sm a[data-v-18168ea2] {
  width: 22px;
  height: 22px;
  margin: 0 0.25rem;
}
.orangehrm-login-footer-sm .orangehrm-sm-icon[data-v-18168ea2] {
  width: inherit;
  height: inherit;
  color: rgba(146, 155, 170, 0.8);
}
@media (min-width: 800px) {
.orangehrm-login-footer-sm[data-v-18168ea2] {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
}
}
.orangehrm-login-seperator[data-v-18168ea2] {
  margin: 0.5rem 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAuthenticationPlugin/components/CardNote.vue?vue&type=style&index=0&id=07a1b3d7&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-icon[data-v-07a1b3d7] {
  font-size: 1.5rem;
  color: #eb0910;
  padding: 1rem;
}
.orangehrm-card-note[data-v-07a1b3d7] {
  font-size: 12px;
}
.orangehrm-card-note-text[data-v-07a1b3d7] {
  color: #eb0910;
}
.orangehrm-card-note-icon[data-v-07a1b3d7] {
  flex-shrink: 0;
}
.orangehrm-card-note--background[data-v-07a1b3d7] {
  background-color: #e8eaef;
  border-radius: 1.2rem;
  padding: 1.2rem;
}
.orangehrm-card-note--icon[data-v-07a1b3d7] {
  display: flex;
  align-items: center;
  background-color: rgba(235, 9, 16, 0.06);
  border-radius: 1.2rem;
  padding: 1rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=5a90f99b&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-5a90f99b] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-5a90f99b] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-5a90f99b] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-5a90f99b] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-5a90f99b] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-5a90f99b] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-5a90f99b] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-5a90f99b] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-5a90f99b] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-5a90f99b] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-5a90f99b] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-5a90f99b] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-5a90f99b] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-5a90f99b] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-5a90f99b] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-5a90f99b] {
    margin-right: 0.5rem;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=083d4533&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-083d4533] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-083d4533] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-083d4533] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-083d4533] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-083d4533] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-083d4533] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-083d4533] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-083d4533] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-083d4533] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-083d4533] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-083d4533] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-083d4533] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-083d4533] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-083d4533] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-083d4533] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-083d4533] {
    margin-right: 0.5rem;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=4c03f946&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-4c03f946] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-4c03f946] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-4c03f946] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-4c03f946] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-4c03f946] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-4c03f946] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-4c03f946] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-4c03f946] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-4c03f946] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-4c03f946] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-4c03f946] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-4c03f946] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-4c03f946] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-4c03f946] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-4c03f946] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-4c03f946] {
    margin-right: 0.5rem;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAuthenticationPlugin/pages/AdministratorAccess.vue?vue&type=style&index=0&id=fa7e4e3c&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-fa7e4e3c] {
  box-shadow: 3px 3px 10px #929baa;
}
.orangehrm-admin-access-container[data-v-fa7e4e3c] {
  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-fa7e4e3c] {
    margin: 0 auto;
    max-width: 450px;
}
}
.orangehrm-admin-access-title[data-v-fa7e4e3c] {
  font-weight: 700;
}
.orangehrm-admin-access-note-container[data-v-fa7e4e3c] {
  padding-bottom: 1.2rem;
}
.orangehrm-admin-access-button[data-v-fa7e4e3c] {
  flex: 1;
}
.orangehrm-admin-access-button[data-v-fa7e4e3c]:nth-child(2) {
  margin-top: 0.5rem;
}
@media (min-width: 800px) {
.orangehrm-admin-access-button[data-v-fa7e4e3c]:nth-child(2) {
    margin: 0;
    margin-left: 0.5rem;
}
}
.orangehrm-admin-access-button-container[data-v-fa7e4e3c] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-admin-access-button-container[data-v-fa7e4e3c] {
    flex-direction: row;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=63b3feba&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-63b3feba] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-63b3feba] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-63b3feba] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-63b3feba] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-63b3feba] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-63b3feba] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-63b3feba] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-63b3feba] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-63b3feba] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-63b3feba] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-63b3feba] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-63b3feba] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-63b3feba] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-63b3feba] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-63b3feba] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-63b3feba] {
    margin-right: 0.5rem;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=e9c97ed0&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-e9c97ed0] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-e9c97ed0] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-e9c97ed0] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-e9c97ed0] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-e9c97ed0] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-e9c97ed0] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-e9c97ed0] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-e9c97ed0] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-e9c97ed0] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-e9c97ed0] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-e9c97ed0] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-e9c97ed0] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-e9c97ed0] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-e9c97ed0] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-e9c97ed0] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-e9c97ed0] {
    margin-right: 0.5rem;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=5208de93&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-5208de93] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-5208de93] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-5208de93] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-5208de93] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-5208de93] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-5208de93] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-5208de93] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-5208de93] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-5208de93] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-5208de93] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-5208de93] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-5208de93] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-5208de93] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-5208de93] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-5208de93] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-5208de93] {
    margin-right: 0.5rem;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmAuthenticationPlugin/components/AdherentCodeModal.vue?vue&type=style&index=0&id=174fec7c&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-174fec7c] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-174fec7c] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-text-center-align[data-v-174fec7c] {
  text-align: start;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAuthenticationPlugin/pages/login.scss?vue&type=style&index=0&id=5fec195a&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-form[data-v-5fec195a] {
  margin: 0 auto;
}
@media (min-width: 0px) {
.orangehrm-login-form[data-v-5fec195a] {
    width: 80%;
}
}
@media (min-width: 800px) {
.orangehrm-login-form[data-v-5fec195a] {
    width: 60%;
    max-width: 485px;
}
}
.orangehrm-login-action[data-v-5fec195a] {
  margin-top: 2rem;
  justify-content: center;
}
.orangehrm-create-account-action[data-v-5fec195a] {
  margin-top: 1rem;
  justify-content: center;
}
.orangehrm-login-button[data-v-5fec195a] {
  flex: 1;
  padding: 1rem 0;
}
.orangehrm-create-account-button[data-v-5fec195a] {
  flex: 1;
  padding: 1rem 0;
  background-color: transparent;
  border: 1px solid;
  color: var(--oxd-primary-one-color);
}
.orangehrm-profile-button[data-v-5fec195a] {
  display: flex;
  justify-content: center;
  flex: 1;
  margin: 1rem;
  text-align: center;
}
.orangehrm-login-title[data-v-5fec195a] {
  text-align: center;
  font-weight: 800;
  margin-bottom: 1rem;
}
.orangehrm-profile-title[data-v-5fec195a] {
  text-align: center;
  font-weight: 800;
}
.orangehrm-login-pwreset[data-v-5fec195a] {
  margin: 1rem 0;
  text-align: center;
  font-weight: 600;
}
.orangehrm-login-pwreset a[data-v-5fec195a] {
  color: var(--oxd-primary-one-color);
  text-decoration: none;
}
.orangehrm-login-forgot[data-v-5fec195a] {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  font-size: 16px;
}
.orangehrm-login-forgot-header[data-v-5fec195a] {
  text-align: center;
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-demo-credentials[data-v-5fec195a] {
  margin: 1rem 0;
}
.orangehrm-login-footer-sm[data-v-5fec195a] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.orangehrm-login-footer-sm a[data-v-5fec195a] {
  width: 22px;
  height: 22px;
  margin: 0 0.25rem;
}
.orangehrm-login-footer-sm .orangehrm-sm-icon[data-v-5fec195a] {
  width: inherit;
  height: inherit;
  color: rgba(146, 155, 170, 0.8);
}
@media (min-width: 800px) {
.orangehrm-login-footer-sm[data-v-5fec195a] {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
}
}
.orangehrm-login-seperator[data-v-5fec195a] {
  margin: 0.5rem 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmAuthenticationPlugin/pages/login.scss?vue&type=style&index=0&id=492498a5&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-form[data-v-492498a5] {
  margin: 0 auto;
}
@media (min-width: 0px) {
.orangehrm-login-form[data-v-492498a5] {
    width: 80%;
}
}
@media (min-width: 800px) {
.orangehrm-login-form[data-v-492498a5] {
    width: 60%;
    max-width: 485px;
}
}
.orangehrm-login-action[data-v-492498a5] {
  margin-top: 2rem;
  justify-content: center;
}
.orangehrm-create-account-action[data-v-492498a5] {
  margin-top: 1rem;
  justify-content: center;
}
.orangehrm-login-button[data-v-492498a5] {
  flex: 1;
  padding: 1rem 0;
}
.orangehrm-create-account-button[data-v-492498a5] {
  flex: 1;
  padding: 1rem 0;
  background-color: transparent;
  border: 1px solid;
  color: var(--oxd-primary-one-color);
}
.orangehrm-profile-button[data-v-492498a5] {
  display: flex;
  justify-content: center;
  flex: 1;
  margin: 1rem;
  text-align: center;
}
.orangehrm-login-title[data-v-492498a5] {
  text-align: center;
  font-weight: 800;
  margin-bottom: 1rem;
}
.orangehrm-profile-title[data-v-492498a5] {
  text-align: center;
  font-weight: 800;
}
.orangehrm-login-pwreset[data-v-492498a5] {
  margin: 1rem 0;
  text-align: center;
  font-weight: 600;
}
.orangehrm-login-pwreset a[data-v-492498a5] {
  color: var(--oxd-primary-one-color);
  text-decoration: none;
}
.orangehrm-login-forgot[data-v-492498a5] {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  font-size: 16px;
}
.orangehrm-login-forgot-header[data-v-492498a5] {
  text-align: center;
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-demo-credentials[data-v-492498a5] {
  margin: 1rem 0;
}
.orangehrm-login-footer-sm[data-v-492498a5] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.orangehrm-login-footer-sm a[data-v-492498a5] {
  width: 22px;
  height: 22px;
  margin: 0 0.25rem;
}
.orangehrm-login-footer-sm .orangehrm-sm-icon[data-v-492498a5] {
  width: inherit;
  height: inherit;
  color: rgba(146, 155, 170, 0.8);
}
@media (min-width: 800px) {
.orangehrm-login-footer-sm[data-v-492498a5] {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
}
}
.orangehrm-login-seperator[data-v-492498a5] {
  margin: 0.5rem 0;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmDashboardPlugin/components/base-widget.scss?vue&type=style&index=0&id=7c7a3c94&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dashboard-widget[data-v-7c7a3c94] {
  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-7c7a3c94] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-dashboard-widget-name[data-v-7c7a3c94] {
  display: flex;
  font-size: 14px;
  font-weight: 700;
  align-items: center;
}
.orangehrm-dashboard-widget-icon[data-v-7c7a3c94] {
  height: 15px;
  margin-right: 0.5rem;
}
.orangehrm-dashboard-widget-body[data-v-7c7a3c94] {
  height: 318px;
  overflow: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-dashboard-widget-body-nocontent[data-v-7c7a3c94] {
  font-size: 10px;
  text-align: center;
  margin-top: 2.5rem;
}
.orangehrm-dashboard-widget-body.--scroll-visible[data-v-7c7a3c94] {
  padding-right: 5px;
}
.orangehrm-dashboard-widget-body[data-v-7c7a3c94]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-dashboard-widget-body[data-v-7c7a3c94]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-dashboard-widget-body[data-v-7c7a3c94]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-dashboard-widget-body[data-v-7c7a3c94] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-dashboard-widget-watermark[data-v-7c7a3c94] {
  width: 175px;
  text-align: center;
  margin: 60px auto auto;
}
.orangehrm-dashboard-widget-img[data-v-7c7a3c94] {
  width: 60%;
}
.orangehrm-dashboard-widget-loader[data-v-7c7a3c94] {
  margin: 9rem auto;
  background-color: #ffffff;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmDashboardPlugin/components/quick-launch-widget.scss?vue&type=style&index=0&id=4c8a7c9a&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-quick-launch[data-v-4c8a7c9a] {
  margin: 0;
  grid-template-columns: repeat(3, 1fr);
}
.orangehrm-quick-launch-card[data-v-4c8a7c9a] {
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 0.8rem;
}
.orangehrm-quick-launch-icon[data-v-4c8a7c9a] {
  flex: 0 0 1;
  padding: 0;
  margin-bottom: 0.25rem;
}
.orangehrm-quick-launch-icon[data-v-4c8a7c9a] .oxd-icon {
  width: 60px;
  height: 60px;
  padding: 12px;
  box-sizing: border-box;
}
.orangehrm-quick-launch-icon[data-v-4c8a7c9a]:focus, .orangehrm-quick-launch-icon[data-v-4c8a7c9a]:hover, .orangehrm-quick-launch-icon[data-v-4c8a7c9a]:active {
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-15-color);
}
.orangehrm-quick-launch-heading[data-v-4c8a7c9a] {
  width: 75px;
}
.orangehrm-quick-launch-heading .--text[data-v-4c8a7c9a] {
  font-size: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmBuzzPlugin/components/VideoFrame.vue?vue&type=style&index=0&id=606e0182&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-video[data-v-606e0182] {
  height: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
}
.orangehrm-buzz-video-frame[data-v-606e0182] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 0.75rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmBuzzPlugin/components/ProfileImage.vue?vue&type=style&index=0&id=aceda9fc&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-profile-image img[data-v-aceda9fc] {
  width: 45px;
  height: 45px;
  display: flex;
  flex-shrink: 0;
  border-radius: 100%;
  box-sizing: border-box;
  justify-content: center;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmDashboardPlugin/components/buzz-latest-post-widget.scss?vue&type=style&index=0&id=79da205f&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-widget[data-v-79da205f] {
  margin: 0;
  grid-gap: 10px;
}
.orangehrm-buzz-widget-card[data-v-79da205f] {
  display: block;
  padding: 0.5rem;
  border-radius: 0.75rem;
  border: 1px solid #e8eaef;
}
.orangehrm-buzz-widget-header[data-v-79da205f] {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.orangehrm-buzz-widget-header-text[data-v-79da205f] {
  margin-left: 10px;
}
.orangehrm-buzz-widget-header-emp[data-v-79da205f] {
  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-79da205f]: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-79da205f] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-widget-header-emp[data-v-79da205f]:after {
    display: none;
}
}
.orangehrm-buzz-widget-header-time[data-v-79da205f] {
  font-size: 10px;
  color: #929baa;
}
.orangehrm-buzz-widget-header[data-v-79da205f] .orangehrm-buzz-profile-image img {
  width: 35px;
  height: 35px;
}
.orangehrm-buzz-widget-body[data-v-79da205f] {
  font-size: 12px;
  text-align: justify;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.orangehrm-buzz-widget-picture[data-v-79da205f] {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.75rem;
}
.orangehrm-buzz-widget-divider[data-v-79da205f] {
  border-style: dashed;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmDashboardPlugin/components/EmployeeSubunitWidget.vue?vue&type=style&index=0&id=a428c82e&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.emp-distrib-chart[data-v-a428c82e] {
  width: auto;
  height: 312px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmDashboardPlugin/components/my-action-summary-widget.scss?vue&type=style&index=0&id=4a2f2912&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-todo-list[data-v-4a2f2912] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.orangehrm-todo-list-item[data-v-4a2f2912] {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.orangehrm-todo-list-item p[data-v-4a2f2912] {
  font-size: 12px;
  margin-left: 0.5rem;
  cursor: pointer;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmDashboardPlugin/components/EmployeeLocationWidget.vue?vue&type=style&index=0&id=01b9cb68&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.emp-distrib-chart[data-v-01b9cb68] {
  width: auto;
  height: 312px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmDashboardPlugin/components/EmployeesOnLeaveConfigModal.vue?vue&type=style&index=0&id=73a12247&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-73a12247] {
  display: flex;
  align-items: center;
}
.orangehrm-config-title[data-v-73a12247] {
  margin-left: 1rem;
}
.orangehrm-config-checkbox .oxd-input-group[data-v-73a12247] {
  margin: 0;
  padding: 1rem 0;
  flex-direction: row;
}
.orangehrm-config-checkbox[data-v-73a12247] .oxd-input-group__label-wrapper {
  margin: 0;
  margin-right: 1rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmDashboardPlugin/components/employee-on-leave-widget.scss?vue&type=style&index=0&id=7ab687b8&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-card[data-v-7ab687b8] {
  display: flex;
  font-size: 12px;
  align-items: center;
  margin-bottom: 0.5rem;
}
.orangehrm-leave-card-profile-image img[data-v-7ab687b8] {
  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-7ab687b8] {
  margin-left: 1rem;
  word-break: break-word;
}
.orangehrm-leave-card-emp-id[data-v-7ab687b8] {
  padding: 0 5px;
  font-weight: 600;
  margin-left: auto;
  white-space: nowrap;
}
.orangehrm-leave-card-emp-name[data-v-7ab687b8] {
  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-7ab687b8]: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-7ab687b8] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-leave-card-emp-name[data-v-7ab687b8]:after {
    display: none;
}
}
.orangehrm-leave-card-leave-details[data-v-7ab687b8] {
  font-size: 12px;
}
.orangehrm-leave-card-icon[data-v-7ab687b8] {
  cursor: pointer;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmDashboardPlugin/components/employee-attendance-widget.scss?vue&type=style&index=0&id=f41c8848&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-attendance-card[data-v-f41c8848] {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.orangehrm-attendance-card-profile[data-v-f41c8848] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.orangehrm-attendance-card-profile-image img[data-v-f41c8848] {
  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-f41c8848] {
  margin-left: 1rem;
}
.orangehrm-attendance-card-bar[data-v-f41c8848] {
  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-f41c8848] {
  display: flex;
  font-size: 10px;
  align-items: center;
  margin-bottom: 0.75rem;
  justify-content: space-between;
}
.orangehrm-attendance-card-summary p[data-v-f41c8848]:first-of-type {
  font-weight: 700;
}
.orangehrm-attendance-card-summary-total[data-v-f41c8848] {
  gap: 5px;
  display: flex;
  font-weight: 700;
  padding: 0.35rem;
  border-radius: 0.75rem;
  background-color: #f1f2f5;
}
.orangehrm-attendance-card-icon[data-v-f41c8848] {
  height: 15px;
  font-size: 15px;
}
.orangehrm-attendance-card-state[data-v-f41c8848] {
  font-weight: 700;
  white-space: nowrap;
  color: var(--oxd-primary-one-color);
}
.orangehrm-attendance-card-details[data-v-f41c8848] {
  font-size: 10px;
  word-break: break-word;
}
.orangehrm-attendance-card-action[data-v-f41c8848] {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 20px;
  transform: translate(0%, -50%);
  outline: 5px solid #ffffff !important;
}
.emp-attendance-chart[data-v-f41c8848] {
  height: 170px;
  padding: 0 1rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmDashboardPlugin/pages/ViewDashboard.vue?vue&type=style&index=0&id=49b26bcc&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dashboard-grid[data-v-49b26bcc] {
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1050px;
  grid-template-columns: repeat(auto-fill, minmax(max(320px, 33.3333333333%), 1fr));
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/photo-frame.scss?vue&type=style&index=0&id=34c0d5ab&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-photos[data-v-34c0d5ab] {
  gap: 0.5rem;
  display: grid;
  grid-template-areas: "first-photo";
}
.orangehrm-buzz-photos-item[data-v-34c0d5ab] {
  position: relative;
}
.orangehrm-buzz-photos-item img[data-v-34c0d5ab] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.75rem;
}
.orangehrm-buzz-photos-item[data-v-34c0d5ab]:first-of-type {
  grid-area: first-photo;
}
.orangehrm-buzz-photos.--two-thumbnails[data-v-34c0d5ab] {
  grid-template-areas: "first-photo" "second-photo";
}
.orangehrm-buzz-photos.--three-thumbnails[data-v-34c0d5ab] {
  grid-template-areas: "first-photo first-photo" "second-photo third-photo";
  grid-template-columns: 1fr 1fr;
}
.orangehrm-buzz-photos.--four-thumbnails[data-v-34c0d5ab], .orangehrm-buzz-photos.--five-thumbnails[data-v-34c0d5ab] {
  grid-template-areas: "first-photo second-photo" "third-photo fourth-photo";
  grid-template-columns: 1fr 1fr;
}
.orangehrm-buzz-photos.--two-thumbnails[data-v-34c0d5ab], .orangehrm-buzz-photos.--three-thumbnails[data-v-34c0d5ab], .orangehrm-buzz-photos.--four-thumbnails[data-v-34c0d5ab] {
  grid-template-rows: repeat(2, minmax(auto, 9rem));
}
@media (min-width: 800px) {
.orangehrm-buzz-photos.--two-thumbnails[data-v-34c0d5ab], .orangehrm-buzz-photos.--three-thumbnails[data-v-34c0d5ab], .orangehrm-buzz-photos.--four-thumbnails[data-v-34c0d5ab] {
    grid-template-rows: repeat(2, minmax(auto, 18rem));
}
}
.orangehrm-buzz-photos.--five-thumbnails[data-v-34c0d5ab] {
  grid-template-rows: repeat(3, minmax(auto, 9rem));
}
@media (min-width: 800px) {
.orangehrm-buzz-photos.--five-thumbnails[data-v-34c0d5ab] {
    grid-template-rows: repeat(3, minmax(auto, 18rem));
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/post-body.scss?vue&type=style&index=0&id=881dd79c&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-post-body[data-v-881dd79c] {
  word-wrap: break-word;
  white-space: pre-wrap;
}
.orangehrm-buzz-post-body-text[data-v-881dd79c] {
  font-weight: 300;
  text-align: justify;
}
.orangehrm-buzz-post-body-text.--truncate[data-v-881dd79c] {
  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-881dd79c]: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-881dd79c] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-post-body-text.--truncate[data-v-881dd79c]:after {
    display: none;
}
}
.orangehrm-buzz-post-body-readmore[data-v-881dd79c] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-buzz-post-body-readmore[data-v-881dd79c]:hover {
  text-decoration: underline;
}
.orangehrm-buzz-post-body-picture[data-v-881dd79c] {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
}
.orangehrm-buzz-post-body-picture.--more[data-v-881dd79c] {
  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-881dd79c] {
    height: 18rem;
}
}
.orangehrm-buzz-post-body-more[data-v-881dd79c] {
  font-size: 3rem;
  font-weight: 600;
  color: #ffffff;
}
.orangehrm-buzz-post-body-employee[data-v-881dd79c] {
  font-size: 0.9rem;
}
.orangehrm-buzz-post-body-date[data-v-881dd79c] {
  font-size: 0.6rem;
  color: #929baa;
}
.orangehrm-buzz-post-body-original-text[data-v-881dd79c] {
  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-881dd79c]: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-881dd79c] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-post-body-original-text[data-v-881dd79c]:after {
    display: none;
}
}
.orangehrm-buzz-post-body[data-v-881dd79c] .orangehrm-buzz-photos-item:nth-of-type(5) {
  display: none;
}
.orangehrm-buzz-post-body[data-v-881dd79c] .orangehrm-buzz-photos.--five-thumbnails {
  grid-template-rows: repeat(2, minmax(auto, 9rem));
}
@media (min-width: 800px) {
.orangehrm-buzz-post-body[data-v-881dd79c] .orangehrm-buzz-photos.--five-thumbnails {
    grid-template-rows: repeat(2, minmax(auto, 18rem));
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/post-stats-modal.scss?vue&type=style&index=0&id=5dbddbde&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-stats-modal[data-v-5dbddbde] {
  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-5dbddbde] {
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}
.orangehrm-buzz-stats-modal-employee[data-v-5dbddbde] .orangehrm-buzz-profile-image img {
  width: 40px;
  height: 40px;
}
.orangehrm-buzz-stats-modal-employee[data-v-5dbddbde]:last-of-type {
  margin-bottom: 0;
}
.orangehrm-buzz-stats-modal-employee-name[data-v-5dbddbde] {
  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-5dbddbde]: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-5dbddbde] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-stats-modal-employee-name[data-v-5dbddbde]:after {
    display: none;
}
}
.orangehrm-buzz-stats-modal .orangehrm-buzz-loader[data-v-5dbddbde] {
  margin: 0.5rem 3rem;
}
.orangehrm-buzz-stats-dialog-header[data-v-5dbddbde] {
  display: flex;
  align-items: center;
}
.orangehrm-buzz-stats-dialog-icon[data-v-5dbddbde] {
  margin-right: 0.5rem;
}
.orangehrm-buzz-stats-dialog-icon.--likes[data-v-5dbddbde] {
  color: #eb0910;
}
.orangehrm-buzz-stats-dialog-employee[data-v-5dbddbde] {
  gap: 0.5rem;
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}
.orangehrm-buzz-stats-dialog-employee-name[data-v-5dbddbde] {
  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-5dbddbde]: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-5dbddbde] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-stats-dialog-employee-name[data-v-5dbddbde]:after {
    display: none;
}
}
.orangehrm-buzz-stats-dialog .orangehrm-buzz-loader[data-v-5dbddbde] {
  margin: 0 auto;
}
[data-v-5dbddbde] .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-5dbddbde] .orangehrm-buzz-stats-dialog::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
[data-v-5dbddbde] .orangehrm-buzz-stats-dialog::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
[data-v-5dbddbde] .orangehrm-buzz-stats-dialog::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
[data-v-5dbddbde] .orangehrm-buzz-stats-dialog {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
[data-v-5dbddbde] .oxd-dialog-close-button {
  display: none;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/post-stats.scss?vue&type=style&index=0&id=02d93482&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-stats-row[data-v-02d93482] {
  display: flex;
  position: relative;
  font-size: 0.75rem;
  justify-content: flex-end;
}
.orangehrm-buzz-stats-row[data-v-02d93482]:first-of-type {
  font-size: 1rem;
  font-weight: 700;
  align-items: center;
}
.orangehrm-buzz-stats-active[data-v-02d93482] {
  cursor: pointer;
}
.orangehrm-buzz-stats-active[data-v-02d93482]:hover {
  text-decoration: underline;
}
.orangehrm-buzz-stats-like-icon[data-v-02d93482] {
  height: 15px;
  margin-right: 5px;
  color: #eb0910;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmBuzzPlugin/components/PostModal.vue?vue&type=style&index=0&id=09123666&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-post-modal-header[data-v-09123666] {
  gap: 1rem;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.orangehrm-buzz-post-modal-header-text[data-v-09123666] {
  width: 100%;
}
.orangehrm-buzz-post-modal-actions[data-v-09123666] {
  display: flex;
  margin-top: 1rem;
  justify-content: center;
}
.orangehrm-buzz-post-modal-actions[data-v-09123666] .oxd-button {
  width: 90%;
}
.orangehrm-modal-header[data-v-09123666] {
  text-align: center;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/photo-upload-area.scss?vue&type=style&index=0&id=d1d8f540&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-photo-upload-area[data-v-d1d8f540] {
  margin: 0 auto;
}
.orangehrm-photo-upload-icon[data-v-d1d8f540] {
  font-size: 5rem;
  color: #e8eaef;
}
[data-v-d1d8f540] .oxd-file-div {
  padding: 1rem;
  cursor: pointer;
  text-align: center;
  border: 0.25rem dashed #e8eaef;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/photo-input.scss?vue&type=style&index=0&id=7a010d88&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-photo-input-field[data-v-7a010d88] .oxd-file-div {
  all: unset;
  z-index: 1;
  left: 1rem;
  top: 0.5rem;
  position: absolute;
}
.orangehrm-photo-input-field[data-v-7a010d88] .oxd-input-group {
  margin: unset;
  position: relative;
}
.orangehrm-photo-input-field[data-v-7a010d88] .oxd-input-group__label-wrapper {
  display: none;
}
.orangehrm-photo-input-remove[data-v-7a010d88] {
  padding: 0;
  min-width: 1.5625rem;
  min-height: 1.5625rem;
  color: #ffffff;
}
.orangehrm-photo-input-remove.--float[data-v-7a010d88] {
  top: -5px;
  right: 0px;
  position: absolute;
  background-color: #b8bdc7;
}
.orangehrm-photo-input-remove[data-v-7a010d88]:hover {
  background-color: #64728c;
}
.orangehrm-photo-input[data-v-7a010d88] .orangehrm-buzz-photos-item {
  padding: 0 5px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/create-post.scss?vue&type=style&index=0&id=ddaafae8&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-create-post[data-v-ddaafae8] {
  margin: 0.5rem 0 1rem 0;
}
.orangehrm-buzz-create-post-header[data-v-ddaafae8] {
  gap: 1rem;
  display: flex;
}
.orangehrm-buzz-create-post-header-text[data-v-ddaafae8] {
  width: 100%;
}
.orangehrm-buzz-create-post-actions[data-v-ddaafae8] {
  gap: 0.5rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 600px) {
.orangehrm-buzz-create-post-actions[data-v-ddaafae8] {
    gap: unset;
    flex-direction: row;
    justify-content: space-around;
}
}
[data-v-ddaafae8] .oxd-glass-button {
  width: 100%;
  justify-content: center;
}
@media (min-width: 600px) {
[data-v-ddaafae8] .oxd-glass-button {
    width: unset;
    justify-content: unset;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/post-like-button.scss?vue&type=style&index=0&id=5b025ab9&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-heart-icon[data-v-5b025ab9] {
  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-5b025ab9] {
  transform-origin: center;
  animation: animateHeartOut-5b025ab9 0.3s linear forwards;
}
.orangehrm-heart-icon-circle[data-v-5b025ab9] {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  position: absolute;
  border-radius: 100%;
}
.orangehrm-like-animation[data-v-5b025ab9] {
  position: relative;
}
.orangehrm-like-animation .orangehrm-heart-icon-path[data-v-5b025ab9] {
  fill: #e2264d;
  transform: scale(0.2);
  animation: animateHeart-5b025ab9 0.3s linear forwards 0.25s;
}
.orangehrm-like-animation .orangehrm-heart-icon-circle[data-v-5b025ab9] {
  animation: animateCircle-5b025ab9 0.3s linear forwards;
}
.orangehrm-like-animation .orangehrm-heart-icon-group1[data-v-5b025ab9] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group1 .orangehrm-heart-icon-oval1[data-v-5b025ab9] {
  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-5b025ab9] {
  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-5b025ab9] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group2 .orangehrm-heart-icon-oval1[data-v-5b025ab9] {
  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-5b025ab9] {
  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-5b025ab9] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group3 .orangehrm-heart-icon-oval1[data-v-5b025ab9] {
  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-5b025ab9] {
  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-5b025ab9] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group4 .orangehrm-heart-icon-oval1[data-v-5b025ab9] {
  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-5b025ab9] {
  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-5b025ab9] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group5 .orangehrm-heart-icon-oval1[data-v-5b025ab9] {
  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-5b025ab9] {
  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-5b025ab9] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group6 .orangehrm-heart-icon-oval1[data-v-5b025ab9] {
  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-5b025ab9] {
  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-5b025ab9] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group7 .orangehrm-heart-icon-oval1[data-v-5b025ab9] {
  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-5b025ab9] {
  transform: scale(0) translate(-55px, -30px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
@keyframes animateCircle-5b025ab9 {
0% {
    border: 0px;
    opacity: 0.6;
    display: block;
    transform: scale(0);
    background-color: #e2264d;
}
40% {
    transform: scale(0.2);
    background-color: #dd4688;
}
55% {
    transform: scale(0.4);
    background-color: #d46abf;
}
65% {
    transform: scale(0.6);
    background-color: #cc8ef5;
}
75% {
    opacity: 0.8;
    transform: scale(0.8);
    border: 5px solid #cc8ef5;
    background-color: transparent;
}
85% {
    border: 2.5px solid #cc8ef5;
    background-color: transparent;
}
95% {
    border: 2.5px solid #cc8ef5;
    background-color: transparent;
}
99% {
    display: block;
}
100% {
    opacity: 0;
    border: 0px;
    display: none;
    transform: scale(1);
}
}
@keyframes animateHeart-5b025ab9 {
0% {
    transform: scale(0.2);
}
40% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
@keyframes animateHeartOut-5b025ab9 {
0% {
    transform: scale(1.4);
}
100% {
    transform: scale(1);
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmBuzzPlugin/components/PostActions.vue?vue&type=style&index=0&id=1a16291d&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-post-actions[data-v-1a16291d] {
  gap: 5px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-buzz-post-actions[data-v-1a16291d] .oxd-icon-button {
  width: 36px;
  height: 36px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmBuzzPlugin/components/EditPostModal.vue?vue&type=style&index=0&id=75f8a2e3&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-share-employee[data-v-75f8a2e3] {
  font-size: 0.9rem;
}
.orangehrm-buzz-share-date[data-v-75f8a2e3] {
  font-size: 0.6rem;
  color: #929baa;
}
.orangehrm-buzz-share-text[data-v-75f8a2e3] {
  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-75f8a2e3]: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-75f8a2e3] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-share-text[data-v-75f8a2e3]:after {
    display: none;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/photo-viewer.scss?vue&type=style&index=0&id=25a99844&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-photo-viewer[data-v-25a99844] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.orangehrm-photo-viewer-photo[data-v-25a99844] {
  top: 0;
  height: 100vh;
  width: inherit;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}
.orangehrm-photo-viewer-background[data-v-25a99844] {
  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-25a99844] {
  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-25a99844] {
    gap: 1rem;
    padding: 0;
    bottom: 50px;
    justify-content: center;
}
}
.orangehrm-photo-viewer-close[data-v-25a99844] {
  top: 1rem;
  left: 1rem;
  position: absolute;
}
.orangehrm-photo-viewer-actions[data-v-25a99844] {
  left: 0;
  right: 0;
  bottom: 25px;
  margin: 0 0.75rem;
  position: absolute;
}
[data-v-25a99844] .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-25a99844] .actions:hover {
  background-color: #64728c;
}
[data-v-25a99844] .actions:disabled {
  opacity: 0.5;
  background-color: unset;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/post-comment.scss?vue&type=style&index=0&id=38064d7f&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-comment-wrapper[data-v-38064d7f] {
  gap: 10px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.orangehrm-post-comment[data-v-38064d7f] {
  width: 100%;
}
.orangehrm-post-comment-employee[data-v-38064d7f] {
  font-size: 1rem;
  font-weight: 600;
  overflow-wrap: break-word;
}
.orangehrm-post-comment-datetime[data-v-38064d7f] {
  font-weight: 300;
  font-size: 0.6rem;
  color: #929baa;
}
.orangehrm-post-comment-area[data-v-38064d7f] {
  padding: 0.5rem;
  position: relative;
  border-radius: 0.8rem;
  background-color: #f6f5fb;
}
.orangehrm-post-comment-action-area[data-v-38064d7f] {
  gap: 1rem;
  display: flex;
  font-size: 0.75rem;
  margin-top: 0.1rem;
}
.orangehrm-post-comment-action.--cancel[data-v-38064d7f] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-comment-action.--liked[data-v-38064d7f] {
  color: #eb0910;
}
.orangehrm-post-comment-action[data-v-38064d7f]:hover {
  cursor: pointer;
  text-decoration: underline;
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-comment form[data-v-38064d7f] {
  font-size: 0.75rem;
}
.orangehrm-post-comment-text[data-v-38064d7f] {
  font-weight: 300;
  font-size: 0.75rem;
  overflow-wrap: break-word;
}
.orangehrm-post-comment-text.--truncate[data-v-38064d7f] {
  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-38064d7f]: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-38064d7f] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-post-comment-text.--truncate[data-v-38064d7f]:after {
    display: none;
}
}
.orangehrm-post-comment-readmore[data-v-38064d7f] {
  cursor: pointer;
  font-size: 0.75rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-comment-readmore[data-v-38064d7f]:hover {
  text-decoration: underline;
}
.orangehrm-post-comment-stats[data-v-38064d7f] {
  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-38064d7f] {
  height: 12px;
  color: #eb0910;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmBuzzPlugin/components/PostCommentContainer.vue?vue&type=style&index=0&id=f3e4811c&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-comment-add[data-v-f3e4811c] {
  gap: 10px;
  display: flex;
}
.orangehrm-buzz-comment-add form[data-v-f3e4811c] {
  width: 100%;
}
.orangehrm-buzz-comment-readmore[data-v-f3e4811c] {
  margin: 0 auto;
  cursor: pointer;
  font-size: 0.9rem;
  text-align: center;
  color: var(--oxd-primary-one-color);
}
.orangehrm-buzz-comment-readmore[data-v-f3e4811c]:hover {
  text-decoration: underline;
}
.orangehrm-buzz-comment[data-v-f3e4811c] .oxd-input-group__label-wrapper {
  display: none;
}
.orangehrm-buzz-comment[data-v-f3e4811c] .oxd-input-field-bottom-space {
  margin-bottom: unset;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/post-details.scss?vue&type=style&index=0&id=417ea7e2&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-post-details[data-v-417ea7e2] {
  padding: 1.2rem;
  overflow-y: auto;
  height: 100vh;
  background: #ffffff;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-post-details[data-v-417ea7e2]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-post-details[data-v-417ea7e2]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-post-details[data-v-417ea7e2]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-post-details[data-v-417ea7e2] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-post-details-header[data-v-417ea7e2] {
  gap: 1rem;
  display: flex;
  align-items: center;
}
.orangehrm-post-details-time[data-v-417ea7e2] {
  font-size: 0.75rem;
  color: #929baa;
}
.orangehrm-post-details-emp-name[data-v-417ea7e2] {
  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-417ea7e2]: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-417ea7e2] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-post-details-emp-name[data-v-417ea7e2]:after {
    display: none;
}
}
.orangehrm-post-details-readmore[data-v-417ea7e2] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-details-readmore[data-v-417ea7e2]:hover {
  text-decoration: underline;
}
.orangehrm-post-details-text[data-v-417ea7e2] {
  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-417ea7e2] {
  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-417ea7e2]: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-417ea7e2] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-post-details-text.--truncate[data-v-417ea7e2]:after {
    display: none;
}
}
.orangehrm-post-details-actions[data-v-417ea7e2] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.orangehrm-post-details-close[data-v-417ea7e2] {
  display: block;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-post-details-close[data-v-417ea7e2] {
    display: none;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmBuzzPlugin/components/PostActionsPill.vue?vue&type=style&index=0&id=6fc6ff76&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-pill[data-v-6fc6ff76] {
  display: flex;
  padding: 0.5rem;
  border-radius: 1rem;
  align-items: flex-start;
  background: #ffffff;
  justify-content: space-between;
}
.orangehrm-buzz-pill-actions[data-v-6fc6ff76] {
  gap: 5px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-buzz-pill-actions[data-v-6fc6ff76] .oxd-icon-button {
  width: 36px;
  height: 36px;
}
.orangehrm-buzz-pill-stats-likes[data-v-6fc6ff76] {
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  align-items: flex-end;
  justify-content: flex-end;
}
.orangehrm-buzz-pill-stats-likes[data-v-6fc6ff76] .oxd-icon {
  margin-right: 5px;
  color: #eb0910;
}
.orangehrm-buzz-pill-stats-other[data-v-6fc6ff76] {
  display: flex;
  font-size: 0.75rem;
  justify-content: flex-end;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/photo-carousel.scss?vue&type=style&index=0&id=03e49bdc&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-photo-carousel[data-v-03e49bdc] {
  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-03e49bdc] {
  display: grid;
  grid-template-columns: 70% 30%;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/post-container.scss?vue&type=style&index=0&id=5a34e8a1&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz[data-v-5a34e8a1] {
  padding: 1rem;
  margin-bottom: 1rem;
}
.orangehrm-buzz-like-icon[data-v-5a34e8a1] {
  color: #eb0910;
}
.orangehrm-buzz-loader[data-v-5a34e8a1] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
}
.orangehrm-buzz-post-header[data-v-5a34e8a1] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-buzz-post-header-details[data-v-5a34e8a1] {
  display: flex;
  align-items: center;
}
.orangehrm-buzz-post-header-text[data-v-5a34e8a1] {
  margin-left: 1rem;
}
.orangehrm-buzz-post-header-config[data-v-5a34e8a1] {
  list-style: none;
  position: relative;
}
.orangehrm-buzz-post-header-config-item[data-v-5a34e8a1] {
  gap: 10px;
  display: flex;
  cursor: pointer;
  font-size: 12px;
  align-items: center;
  padding: 0.5rem 1rem;
}
.orangehrm-buzz-post-header-config-item[data-v-5a34e8a1]:hover {
  background-color: #f6f7f9;
}
.orangehrm-buzz-post-emp-name[data-v-5a34e8a1] {
  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-5a34e8a1]: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-5a34e8a1] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-post-emp-name[data-v-5a34e8a1]:after {
    display: none;
}
}
.orangehrm-buzz-post-time[data-v-5a34e8a1] {
  font-size: 0.75rem;
  color: #929baa;
}
.orangehrm-buzz-post-footer[data-v-5a34e8a1] {
  padding-top: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
[data-v-5a34e8a1] .oxd-dropdown-menu {
  left: unset;
  right: 0;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmBuzzPlugin/components/SharePostModal.vue?vue&type=style&index=0&id=091d0e9e&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-share-employee[data-v-091d0e9e] {
  font-size: 0.9rem;
}
.orangehrm-buzz-share-date[data-v-091d0e9e] {
  font-size: 0.6rem;
  color: #929baa;
}
.orangehrm-buzz-share-text[data-v-091d0e9e] {
  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-091d0e9e]: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-091d0e9e] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-share-text[data-v-091d0e9e]:after {
    display: none;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/news-feed.scss?vue&type=style&index=0&id=b0d91d3e&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-newsfeed-title[data-v-b0d91d3e] {
  display: none;
}
@media (min-width: 1000px) {
.orangehrm-buzz-newsfeed-title[data-v-b0d91d3e] {
    display: block;
}
}
.orangehrm-buzz-newsfeed-loader[data-v-b0d91d3e] {
  margin: 0 auto;
}
.orangehrm-buzz-newsfeed-noposts[data-v-b0d91d3e] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.orangehrm-buzz-newsfeed-noposts img[data-v-b0d91d3e] {
  width: 70%;
  margin: 1rem 0;
  max-width: 240px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/post-filters.scss?vue&type=style&index=0&id=f2b655ca&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-post-filters[data-v-f2b655ca] {
  gap: 0.5rem;
  display: flex;
  margin: 1rem 0;
}
.orangehrm-post-filters-button[data-v-f2b655ca] {
  word-break: break-word;
  transition: all 400ms ease-in-out;
}
.orangehrm-post-filters[data-v-f2b655ca] .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-f2b655ca] .oxd-button {
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
}
@media screen and (min-width: 1920px) {
.orangehrm-post-filters[data-v-f2b655ca] .oxd-button {
    padding: 1rem;
}
}
@media screen and (min-width: 1920px) {
.orangehrm-post-filters[data-v-f2b655ca] {
    top: 8.5rem;
    margin: unset;
    position: sticky;
    flex-direction: column;
}
}
.orangehrm-post-filters[data-v-f2b655ca] .oxd-button--label-warn {
  width: 100%;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/components/upcoming-anniversaries.scss?vue&type=style&index=0&id=748548d2&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-anniversary-content[data-v-748548d2] {
  height: 100vh;
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary-content[data-v-748548d2] {
    height: unset;
    overflow: auto;
}
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary-content.--show-more[data-v-748548d2] {
    max-height: 22rem;
    scrollbar-color: #cfd3de #f6f5fb;
    scrollbar-width: thin;
}
.orangehrm-buzz-anniversary-content.--show-more[data-v-748548d2]::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}
.orangehrm-buzz-anniversary-content.--show-more[data-v-748548d2]::-webkit-scrollbar-thumb {
    background: #cfd3de;
    border-radius: 20px;
}
.orangehrm-buzz-anniversary-content.--show-more[data-v-748548d2]::-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-748548d2] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-buzz-anniversary-item[data-v-748548d2] {
  display: flex;
  padding: 0.5rem 0;
  position: relative;
  align-items: center;
}
.orangehrm-buzz-anniversary-title[data-v-748548d2] {
  display: none;
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary-title[data-v-748548d2] {
    display: block;
}
}
.orangehrm-buzz-anniversary-profile[data-v-748548d2] {
  display: flex;
  max-width: 75%;
}
.orangehrm-buzz-anniversary-profile-details[data-v-748548d2] {
  margin: auto;
  word-break: break-word;
  padding-left: 1rem;
}
.orangehrm-buzz-anniversary-emp-name[data-v-748548d2] {
  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-748548d2]: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-748548d2] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-anniversary-emp-name[data-v-748548d2]:after {
    display: none;
}
}
.orangehrm-buzz-anniversary-job-details[data-v-748548d2] {
  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-748548d2]: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-748548d2] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-anniversary-job-details[data-v-748548d2]:after {
    display: none;
}
}
.orangehrm-buzz-anniversary-duration[data-v-748548d2] {
  width: 4rem;
  font-weight: 600;
  margin-left: auto;
  white-space: nowrap;
}
.orangehrm-buzz-anniversary-duration img[data-v-748548d2] {
  width: 4rem;
  position: absolute;
}
.orangehrm-buzz-anniversary-duration-years[data-v-748548d2] {
  font-size: 0.7rem;
  font-weight: 800;
}
.orangehrm-buzz-anniversary-duration-date[data-v-748548d2] {
  font-size: 0.5rem;
}
.orangehrm-buzz-anniversary-durations-text[data-v-748548d2] {
  text-align: center;
}
.orangehrm-buzz-anniversary-footer[data-v-748548d2] {
  font-weight: 700;
  text-align: right;
  font-size: 0.75rem;
}
.orangehrm-buzz-anniversary-footer[data-v-748548d2] .oxd-text {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-buzz-anniversary-nocontent[data-v-748548d2] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.orangehrm-buzz-anniversary-nocontent img[data-v-748548d2] {
  width: 45%;
  margin: 1rem 0;
  max-width: 270px;
}
.orangehrm-buzz-anniversary-nocontent p[data-v-748548d2] {
  width: 60%;
  text-align: center;
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary[data-v-748548d2] {
    top: 9rem;
    position: sticky;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmBuzzPlugin/pages/view-buzz.scss?vue&type=style&index=0&id=15905dc8&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-layout[data-v-15905dc8] {
  justify-content: center;
  grid-template-columns: minmax(240px, 640px) minmax(0, 375px);
}
@media screen and (min-width: 1920px) {
.orangehrm-buzz-layout[data-v-15905dc8] {
    gap: 2rem;
    grid-template-columns: minmax(0, 375px) minmax(240px, 640px) minmax(0, 375px);
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmSystemCheckPlugin/components/FlexTable.vue?vue&type=style&index=0&id=62af28ff&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-flex-table[data-v-62af28ff] {
  margin-bottom: 0.75rem;
}
.orangehrm-flex-table-title[data-v-62af28ff] {
  font-weight: 700;
  font-size: 16px;
}
.orangehrm-flex-table-value[data-v-62af28ff] {
  font-weight: 700;
}
.orangehrm-flex-table-value.--success[data-v-62af28ff] {
  color: #34bc40;
}
.orangehrm-flex-table-value.--warning[data-v-62af28ff] {
  color: #ffa62f;
}
.orangehrm-flex-table-value.--error[data-v-62af28ff] {
  color: #eb0910;
}
.orangehrm-flex-table-row[data-v-62af28ff] {
  display: flex;
  width: 100%;
  padding: 0.2rem 0;
}
.orangehrm-flex-table-content[data-v-62af28ff] {
  flex: 1;
}
.orangehrm-flex-table-divider[data-v-62af28ff] {
  border-top-color: #64728c;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmSystemCheckPlugin/pages/SystemCheckScreen.vue?vue&type=style&index=0&id=28697107&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-system-check[data-v-28697107] {
  font-size: 12px;
}
.orangehrm-system-check-title[data-v-28697107] {
  font-weight: 700;
  color: var(--oxd-primary-one-color);
}
.orangehrm-system-check-content.--error[data-v-28697107] {
  color: #eb0910;
}
.orangehrm-system-check-action[data-v-28697107] {
  padding: 1rem 0;
}
.orangehrm-system-check-form[data-v-28697107] {
  margin: 5%;
}
.orangehrm-system-check-form-loading[data-v-28697107] {
  height: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmClaimPlugin/components/EventAutocomplete.vue?vue&type=style&index=0&id=c02b356e&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

span[data-v-c02b356e] {
  word-break: break-word;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmClaimPlugin/pages/save-claim-event.scss?vue&type=style&index=0&id=69fc0ce6&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-sm-field[data-v-69fc0ce6] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.675rem 0rem;
}
.orangehrm-sm-field-label[data-v-69fc0ce6] {
  font-weight: 700;
  font-size: 12px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmClaimPlugin/pages/save-claim-event.scss?vue&type=style&index=0&id=6b723eb3&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-sm-field[data-v-6b723eb3] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.675rem 0rem;
}
.orangehrm-sm-field-label[data-v-6b723eb3] {
  font-weight: 700;
  font-size: 12px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmClaimPlugin/components/ExpenseTypeAutocomplete.vue?vue&type=style&index=0&id=654e1b21&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

span[data-v-654e1b21] {
  word-break: break-word;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmClaimPlugin/pages/save-claim-event.scss?vue&type=style&index=0&id=12cf64b0&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-sm-field[data-v-12cf64b0] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.675rem 0rem;
}
.orangehrm-sm-field-label[data-v-12cf64b0] {
  font-weight: 700;
  font-size: 12px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/orangehrmClaimPlugin/pages/save-claim-event.scss?vue&type=style&index=0&id=117a48bd&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-sm-field[data-v-117a48bd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.675rem 0rem;
}
.orangehrm-sm-field-label[data-v-117a48bd] {
  font-weight: 700;
  font-size: 12px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmClaimPlugin/components/EditAttachmentModal.vue?vue&type=style&index=0&id=5fedd2c7&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.current-file[data-v-5fedd2c7] {
  position: relative;
  overflow: hidden;
  max-height: 9;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.current-file[data-v-5fedd2c7]: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) {
.current-file[data-v-5fedd2c7] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.current-file[data-v-5fedd2c7]:after {
    display: none;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmClaimPlugin/components/ClaimAttachment.vue?vue&type=style&index=0&id=02c0ed34&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-divider[data-v-02c0ed34] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-attachment[data-v-02c0ed34] {
  border-bottom-right-radius: 1.2rem;
  overflow: hidden;
}
.orangehrm-action-header[data-v-02c0ed34] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
}
.orangehrm-action-header button[data-v-02c0ed34] {
  margin-left: 1rem;
  white-space: nowrap;
}
.orangehrm-button-margin[data-v-02c0ed34] {
  margin: 0.25rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmClaimPlugin/components/ClaimExpenses.vue?vue&type=style&index=0&id=bab6f3c4&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-divider[data-v-bab6f3c4] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-attachment[data-v-bab6f3c4] {
  border-bottom-right-radius: 1.2rem;
  overflow: hidden;
}
.orangehrm-action-header[data-v-bab6f3c4] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
}
.orangehrm-action-header button[data-v-bab6f3c4] {
  margin-left: 1rem;
  white-space: nowrap;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmClaimPlugin/components/ClaimActionButtons.vue?vue&type=style&index=0&id=54657a78&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-action-buttons-container[data-v-54657a78] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
@media screen and (max-width: 600px) {
.orangehrm-action-buttons-container[data-v-54657a78] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
}
.orangehrm-action-button-container[data-v-54657a78] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-sm-button[data-v-54657a78] {
  margin-left: 1rem;
}
@media screen and (max-width: 600px) {
.orangehrm-sm-button[data-v-54657a78] {
    margin-bottom: 1rem;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmClaimPlugin/components/ReferenceIdAutocomplete.vue?vue&type=style&index=0&id=7e873535&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

span[data-v-7e873535] {
  word-break: break-word;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/orangehrmClaimPlugin/components/ClaimEmployeeAutocomplete.vue?vue&type=style&index=0&id=eefeea8e&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/candidaturePlugin/components/form-component.scss?vue&type=style&index=0&lang=scss (2) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.bg-white {
  background-color: white;
}
.row {
  display: flex;
  flex-direction: row;
}
.formBlock {
  padding-top: 3.5rem;
  padding-bottom: 1.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
  overflow: visible;
}
.formBlock > * {
  flex: 1;
}
.formTitle {
  color: black;
  font-family: "Montserrat", sans-serif;
  font-weight: 900 !important;
  font-size: 1.875rem;
  line-height: 2.25rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.formSubTitle {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.CVText {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
  font-weight: 700 !important;
  color: black;
}
p {
  font-family: "Telegraf", sans-serif;
}
.checkbox-item {
  display: flex;
  align-items: center;
}
.radio-group {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
#radio-item-left {
  margin-right: 5rem;
}
#review {
  height: 12rem;
  margin-bottom: 0.5rem;
}
#review::-moz-placeholder {
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 0.5rem;
}
#review::placeholder {
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 0.5rem;
}
.AcceptanceofTerms-container > * {
  flex: 1;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.checkbox-container {
  display: flex;
  align-items: center;
}
.checkbox-container input[type=checkbox] {
  margin-right: 0.5rem;
}
.AcceptanceofTermsText {
  font-size: 0.7rem;
  line-height: 0.8rem;
}
.submit-block {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  height: 3rem;
}
.previousButton {
  border-radius: 0.5rem;
  width: 4rem;
  background-color: #6d685f;
  border: none;
  width: 3.25rem;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainSubmitButton {
  background-color: black;
  color: white;
  width: 85%;
  margin-left: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}
.mainSubmitButton:disabled {
  opacity: 10%;
  cursor: not-allowed;
}
.mainSubmitButtonTxt {
  margin-left: 6.5rem;
}
.mainSubmitButtonSvg {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  width: 3rem;
  margin-right: 0.25rem;
}
.submitButton {
  background-color: black;
  color: white;
  width: 45%;
  margin: 0.5rem auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 1.5rem;
  font-family: "Telegraf", sans-serif;
  cursor: pointer;
}
.submitButton:disabled {
  opacity: 10%;
  cursor: not-allowed;
}
.submit-block {
  display: flex;
  flex-direction: row;
}
.alert-msg {
  font-size: 0.75rem;
  line-height: 1rem;
  /* padding-top: 0.15rem;
    padding-bottom: 0.15rem; */
  color: red;
}
.formBlockLayout {
  background-color: white;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  display: flex;
  flex-direction: column;
}
.formBlock1 {
  display: flex;
  flex-direction: column;
}
.formBlock1 > * {
  flex: 1;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}
.formBlock1 input::-moz-placeholder {
  padding-left: 0.75rem;
}
.formBlock1 input::placeholder,
.formBlock1 select {
  padding-left: 0.75rem;
}
.formBlock5 {
  display: flex;
  flex-direction: column;
}
.formBlock5 > .submitButton {
  margin-top: 1rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.formBlock6 {
  display: flex;
  flex-direction: column;
}
.formBlock6 > .submitButton {
  margin-top: 1.75rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.formBlock7 > .submitButton {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}
.blackPlaceholder::-moz-placeholder {
  color: black;
}
.blackPlaceholder::placeholder {
  color: black;
}
.formImg {
  max-width: 50%;
  max-height: 100%;
  height: auto;
  box-sizing: border-box;
}
.formBlock.row {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}
.formBlock.row > div {
  flex: 1;
  box-sizing: border-box;
}
.scroll-container {
  height: 100%;
  overflow-y: auto;
  background-color: white;
  position: relative;
  box-sizing: border-box;
}
.scroll-container.scroll-active {
  overflow-y: auto;
}
.scroll-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media screen and (max-width: 450px) {
input, select, option {
    font-size: 16px;
    line-height: 1.5;
}
.mainSubmitButtonTxt {
    margin-left: 2.15rem;
}
.formTitle {
    color: black;
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
}
}
.candidature-form select, .candidature-form input:not([type=checkbox]):not([type=radio]):not([type=submit]), .candidature-form textarea {
  padding: 12px 16px;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  background-color: white;
  font-family: "Telegraf", sans-serif;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  outline: none;
}
.candidature-form select:hover, .candidature-form input:not([type=checkbox]):not([type=radio]):not([type=submit]):hover, .candidature-form textarea:hover {
  border-color: #cbd5e0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.candidature-form select:focus, .candidature-form input:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, .candidature-form textarea:focus {
  border-color: #e54021;
  box-shadow: 0 0 0 3px rgba(229, 64, 33, 0.1);
}
.candidature-form select::-moz-placeholder, .candidature-form input:not([type=checkbox]):not([type=radio]):not([type=submit])::-moz-placeholder, .candidature-form textarea::-moz-placeholder {
  color: #a0aec0;
  opacity: 1;
}
.candidature-form select::placeholder, .candidature-form input:not([type=checkbox]):not([type=radio]):not([type=submit])::placeholder, .candidature-form textarea::placeholder {
  color: #a0aec0;
  opacity: 1;
}
.candidature-form select:disabled, .candidature-form input:not([type=checkbox]):not([type=radio]):not([type=submit]):disabled, .candidature-form textarea:disabled {
  background-color: #f7fafc;
  cursor: not-allowed;
  opacity: 0.7;
}
.candidature-form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23718096%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 40px;
}
.candidature-form select:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23e54021%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E");
}
.candidature-form select option {
  padding: 12px;
  font-size: 0.95rem;
}
.candidature-form select option[value=""][disabled] {
  color: #a0aec0;
}
.candidature-form select:required, .candidature-form input:required {
  padding-right: 64px;
}
.candidature-form .error-input {
  border-color: #e53e3e !important;
  background-color: #fff5f5;
}
.candidature-form .error-input:focus {
  box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.1);
}
.candidature-form .success-input {
  border-color: #48bb78 !important;
}
.candidature-form .success-input:focus {
  box-shadow: 0 0 0 3px rgba(72, 187, 120, 0.1);
}
.candidature-form .input-group {
  position: relative;
  margin-bottom: 1rem;
}
.candidature-form .input-group input, .candidature-form .input-group select {
  padding-top: 20px;
  padding-bottom: 4px;
}
.candidature-form .input-group label {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: #a0aec0;
  pointer-events: none;
  transition: all 0.2s ease;
}
.candidature-form .input-group input:not(:-moz-placeholder-shown) ~ label {
  top: 8px;
  font-size: 0.75rem;
  color: #e54021;
}
.candidature-form .input-group input:focus ~ label,
.candidature-form .input-group input:not(:placeholder-shown) ~ label,
.candidature-form .input-group select:focus ~ label,
.candidature-form .input-group select:not([value=""]) ~ label {
  top: 8px;
  font-size: 0.75rem;
  color: #e54021;
}
@media screen and (max-width: 450px) {
.candidature-form select, .candidature-form input:not([type=checkbox]):not([type=radio]):not([type=submit]), .candidature-form textarea {
    font-size: 16px;
    padding: 10px 14px;
}
.candidature-form select {
    padding-right: 36px;
    background-size: 14px;
}
.candidature-form .input-group label {
    font-size: 14px;
}
.candidature-form .input-group input:not(:-moz-placeholder-shown) ~ label {
    font-size: 12px;
}
.candidature-form .input-group input:focus ~ label,
  .candidature-form .input-group input:not(:placeholder-shown) ~ label,
  .candidature-form .input-group select:focus ~ label,
  .candidature-form .input-group select:not([value=""]) ~ label {
    font-size: 12px;
}
}
.candidature-form .radio-group {
  display: flex;
  gap: 2rem;
  margin: 1rem 0;
}
.candidature-form .radio-group .radio-item {
  position: relative;
}
.candidature-form .radio-group .radio-item input[type=radio] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.candidature-form .radio-group .radio-item input[type=radio] + label {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 0.9rem;
  line-height: 1.5;
  display: inline-block;
  color: #1b1f23;
  transition: all 0.2s ease;
}
.candidature-form .radio-group .radio-item input[type=radio] + label:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #e2e8f0;
  border-radius: 50%;
  background: white;
  transition: all 0.2s ease;
}
.candidature-form .radio-group .radio-item input[type=radio] + label:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
  opacity: 0;
  transform: scale(0);
  transition: all 0.2s ease;
}
.candidature-form .radio-group .radio-item input[type=radio]:checked + label:before {
  border-color: #e54021;
  background: #e54021;
}
.candidature-form .radio-group .radio-item input[type=radio]:checked + label:after {
  opacity: 1;
  transform: scale(0.6);
}
.candidature-form .radio-group .radio-item input[type=radio]:focus + label:before {
  box-shadow: 0 0 0 3px rgba(229, 64, 33, 0.1);
}
.candidature-form .radio-group .radio-item input[type=radio]:hover:not(:checked) + label:before {
  border-color: #cbd5e0;
}
.candidature-form .file-select {
  position: relative;
  display: block;
  width: 100%;
  margin: 1rem 0;
  border: 2px dashed #e2e8f0;
  border-radius: 10px;
  transition: all 0.3s ease;
}
.candidature-form .file-select:hover {
  border-color: #e54021;
  background-color: rgba(229, 64, 33, 0.02);
}
.candidature-form .file-select .select-button {
  padding: 1.5rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.candidature-form .file-select .select-button div {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: #1b1f23;
  font-size: 0.9rem;
}
.candidature-form .file-select .select-button svg {
  transition: all 0.3s ease;
}
.candidature-form .file-select .select-button svg path {
  transition: all 0.3s ease;
}
.candidature-form .file-select .select-button:hover svg path {
  stroke: #e54021;
}
.candidature-form .file-select input[type=file] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.candidature-form .password-input-wrapper {
  position: relative;
}
.candidature-form .password-input-wrapper input[type=password],
.candidature-form .password-input-wrapper input[type=text] {
  padding-right: 45px;
}
.candidature-form .password-input-wrapper .password-toggle {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 5px;
  cursor: pointer;
  color: #718096;
  transition: color 0.2s ease;
}
.candidature-form .password-input-wrapper .password-toggle:hover {
  color: #e54021;
}
.candidature-form .password-input-wrapper .password-toggle svg {
  width: 20px;
  height: 20px;
}
.candidature-form .switch-wrapper {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}
.candidature-form .switch-wrapper input[type=checkbox] {
  opacity: 0;
  width: 0;
  height: 0;
}
.candidature-form .switch-wrapper input[type=checkbox]:checked + .switch-slider {
  background-color: #e54021;
}
.candidature-form .switch-wrapper input[type=checkbox]:checked + .switch-slider:before {
  transform: translateX(26px);
}
.candidature-form .switch-wrapper input[type=checkbox]:focus + .switch-slider {
  box-shadow: 0 0 0 3px rgba(229, 64, 33, 0.1);
}
.candidature-form .switch-wrapper .switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e2e8f0;
  transition: 0.4s;
  border-radius: 34px;
}
.candidature-form .switch-wrapper .switch-slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/candidaturePlugin/components/formBlock1.vue?vue&type=style&index=1&id=c30e5914&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.formBlock1 select[data-v-c30e5914] {
  padding-left: 1rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23131313%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: right 1rem top 50%;
  background-size: 0.65rem auto;
}
#formBlock1SubmitButton[data-v-c30e5914] {
  margin-top: 0.5rem;
}
.formBlock1 input[data-v-c30e5914]::-moz-placeholder {
  text-indent: -0.75rem;
}
.formBlock1 input[data-v-c30e5914]::placeholder {
  text-indent: -0.75rem;
}
.formBlock1 input[data-v-c30e5914]:not(.submitButton) {
  width: 100%;
  box-sizing: border-box;
  padding-left: 1rem;
}
/* .formBlock1 > input {
  width: 100%;
  box-sizing: border-box;
  padding-left: 1rem;
} */
#postalCode[data-v-c30e5914]::-webkit-outer-spin-button,
#postalCode[data-v-c30e5914]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* #postalCode {
  appearance: none;
  -moz-appearance: textfield;
} */
@media screen and (max-width: 400px) {
.formBlock1 select[data-v-c30e5914] {
    background-image: none;
    padding-left: 0.5rem;
}
.formBlock1 input[data-v-c30e5914]:not(.submitButton) {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.5rem;
}
  /* .formBlock1 > input {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.5rem;
  } */
}
@media screen and (max-width: 450px) {
#formBlock1SubmitButton[data-v-c30e5914] {
    margin-top: 1rem;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/candidaturePlugin/components/submit.vue?vue&type=style&index=1&id=19044366&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

@media screen and (min-width: 400px) and (max-width: 450px) {
.mainSubmitButtonTxt[data-v-19044366] {
    margin-left: 2.15rem;
}
}
@media screen and (max-width: 350px) {
.mainSubmitButton[data-v-19044366] {
    margin-left: 0.5rem;
}
.mainSubmitButtonTxt[data-v-19044366] {
    margin-left: 1rem;
}
.mainSubmitButtonSvg[data-v-19044366] {
    width: auto;
    max-width: 3rem;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/candidaturePlugin/components/form-component.scss?vue&type=style&index=0&id=c2f22a12&lang=scss&scoped=true (2) ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.bg-white[data-v-c2f22a12] {
  background-color: white;
}
.row[data-v-c2f22a12] {
  display: flex;
  flex-direction: row;
}
.formBlock[data-v-c2f22a12] {
  padding-top: 3.5rem;
  padding-bottom: 1.5rem;
  padding-left: 3rem;
  padding-right: 3rem;
  overflow: visible;
}
.formBlock > *[data-v-c2f22a12] {
  flex: 1;
}
.formTitle[data-v-c2f22a12] {
  color: black;
  font-family: "Montserrat", sans-serif;
  font-weight: 900 !important;
  font-size: 1.875rem;
  line-height: 2.25rem;
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.formSubTitle[data-v-c2f22a12] {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.CVText[data-v-c2f22a12] {
  font-size: 0.875rem;
  line-height: 1.25rem;
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
  font-weight: 700 !important;
  color: black;
}
p[data-v-c2f22a12] {
  font-family: "Telegraf", sans-serif;
}
.checkbox-item[data-v-c2f22a12] {
  display: flex;
  align-items: center;
}
.radio-group[data-v-c2f22a12] {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}
#radio-item-left[data-v-c2f22a12] {
  margin-right: 5rem;
}
#review[data-v-c2f22a12] {
  height: 12rem;
  margin-bottom: 0.5rem;
}
#review[data-v-c2f22a12]::-moz-placeholder {
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 0.5rem;
}
#review[data-v-c2f22a12]::placeholder {
  font-size: 0.75rem;
  line-height: 1rem;
  padding-left: 0.5rem;
}
.AcceptanceofTerms-container > *[data-v-c2f22a12] {
  flex: 1;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.checkbox-container[data-v-c2f22a12] {
  display: flex;
  align-items: center;
}
.checkbox-container input[type=checkbox][data-v-c2f22a12] {
  margin-right: 0.5rem;
}
.AcceptanceofTermsText[data-v-c2f22a12] {
  font-size: 0.7rem;
  line-height: 0.8rem;
}
.submit-block[data-v-c2f22a12] {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
  height: 3rem;
}
.previousButton[data-v-c2f22a12] {
  border-radius: 0.5rem;
  width: 4rem;
  background-color: #6d685f;
  border: none;
  width: 3.25rem;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mainSubmitButton[data-v-c2f22a12] {
  background-color: black;
  color: white;
  width: 85%;
  margin-left: 1rem;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  cursor: pointer;
}
.mainSubmitButton[data-v-c2f22a12]:disabled {
  opacity: 10%;
  cursor: not-allowed;
}
.mainSubmitButtonTxt[data-v-c2f22a12] {
  margin-left: 6.5rem;
}
.mainSubmitButtonSvg[data-v-c2f22a12] {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: auto;
  width: 3rem;
  margin-right: 0.25rem;
}
.submitButton[data-v-c2f22a12] {
  background-color: black;
  color: white;
  width: 45%;
  margin: 0.5rem auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 1.5rem;
  font-family: "Telegraf", sans-serif;
  cursor: pointer;
}
.submitButton[data-v-c2f22a12]:disabled {
  opacity: 10%;
  cursor: not-allowed;
}
.submit-block[data-v-c2f22a12] {
  display: flex;
  flex-direction: row;
}
.alert-msg[data-v-c2f22a12] {
  font-size: 0.75rem;
  line-height: 1rem;
  /* padding-top: 0.15rem;
    padding-bottom: 0.15rem; */
  color: red;
}
.formBlockLayout[data-v-c2f22a12] {
  background-color: white;
  padding-top: 0.5rem;
  padding-bottom: 1.5rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
  display: flex;
  flex-direction: column;
}
.formBlock1[data-v-c2f22a12] {
  display: flex;
  flex-direction: column;
}
.formBlock1 > *[data-v-c2f22a12] {
  flex: 1;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}
.formBlock1 input[data-v-c2f22a12]::-moz-placeholder {
  padding-left: 0.75rem;
}
.formBlock1 input[data-v-c2f22a12]::placeholder,
.formBlock1 select[data-v-c2f22a12] {
  padding-left: 0.75rem;
}
.formBlock5[data-v-c2f22a12] {
  display: flex;
  flex-direction: column;
}
.formBlock5 > .submitButton[data-v-c2f22a12] {
  margin-top: 1rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.formBlock6[data-v-c2f22a12] {
  display: flex;
  flex-direction: column;
}
.formBlock6 > .submitButton[data-v-c2f22a12] {
  margin-top: 1.75rem;
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}
.formBlock7 > .submitButton[data-v-c2f22a12] {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}
.blackPlaceholder[data-v-c2f22a12]::-moz-placeholder {
  color: black;
}
.blackPlaceholder[data-v-c2f22a12]::placeholder {
  color: black;
}
.formImg[data-v-c2f22a12] {
  max-width: 50%;
  max-height: 100%;
  height: auto;
  box-sizing: border-box;
}
.formBlock.row[data-v-c2f22a12] {
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
}
.formBlock.row > div[data-v-c2f22a12] {
  flex: 1;
  box-sizing: border-box;
}
.scroll-container[data-v-c2f22a12] {
  height: 100%;
  overflow-y: auto;
  background-color: white;
  position: relative;
  box-sizing: border-box;
}
.scroll-container.scroll-active[data-v-c2f22a12] {
  overflow-y: auto;
}
.scroll-content[data-v-c2f22a12] {
  width: 100%;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
}
@media screen and (max-width: 450px) {
input[data-v-c2f22a12], select[data-v-c2f22a12], option[data-v-c2f22a12] {
    font-size: 16px;
    line-height: 1.5;
}
.mainSubmitButtonTxt[data-v-c2f22a12] {
    margin-left: 2.15rem;
}
.formTitle[data-v-c2f22a12] {
    color: black;
    font-family: "Montserrat", sans-serif;
    font-weight: 900 !important;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-top: 0rem;
    margin-bottom: 0rem;
}
}
.candidature-form select[data-v-c2f22a12], .candidature-form input[data-v-c2f22a12]:not([type=checkbox]):not([type=radio]):not([type=submit]), .candidature-form textarea[data-v-c2f22a12] {
  padding: 12px 16px;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  background-color: white;
  font-family: "Telegraf", sans-serif;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  outline: none;
}
.candidature-form select[data-v-c2f22a12]:hover, .candidature-form input[data-v-c2f22a12]:not([type=checkbox]):not([type=radio]):not([type=submit]):hover, .candidature-form textarea[data-v-c2f22a12]:hover {
  border-color: #cbd5e0;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.candidature-form select[data-v-c2f22a12]:focus, .candidature-form input[data-v-c2f22a12]:not([type=checkbox]):not([type=radio]):not([type=submit]):focus, .candidature-form textarea[data-v-c2f22a12]:focus {
  border-color: #e54021;
  box-shadow: 0 0 0 3px rgba(229, 64, 33, 0.1);
}
.candidature-form select[data-v-c2f22a12]::-moz-placeholder, .candidature-form input[data-v-c2f22a12]:not([type=checkbox]):not([type=radio]):not([type=submit])::-moz-placeholder, .candidature-form textarea[data-v-c2f22a12]::-moz-placeholder {
  color: #a0aec0;
  opacity: 1;
}
.candidature-form select[data-v-c2f22a12]::placeholder, .candidature-form input[data-v-c2f22a12]:not([type=checkbox]):not([type=radio]):not([type=submit])::placeholder, .candidature-form textarea[data-v-c2f22a12]::placeholder {
  color: #a0aec0;
  opacity: 1;
}
.candidature-form select[data-v-c2f22a12]:disabled, .candidature-form input[data-v-c2f22a12]:not([type=checkbox]):not([type=radio]):not([type=submit]):disabled, .candidature-form textarea[data-v-c2f22a12]:disabled {
  background-color: #f7fafc;
  cursor: not-allowed;
  opacity: 0.7;
}
.candidature-form select[data-v-c2f22a12] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23718096%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px;
  padding-right: 40px;
}
.candidature-form select[data-v-c2f22a12]:focus {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27%23e54021%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpolyline points=%276 9 12 15 18 9%27%3E%3C/polyline%3E%3C/svg%3E");
}
.candidature-form select option[data-v-c2f22a12] {
  padding: 12px;
  font-size: 0.95rem;
}
.candidature-form select option[value=""][disabled][data-v-c2f22a12] {
  color: #a0aec0;
}
.candidature-form select[data-v-c2f22a12]:required, .candidature-form input[data-v-c2f22a12]:required {
  padding-right: 64px;
}
.candidature-form .error-input[data-v-c2f22a12] {
  border-color: #e53e3e !important;
  background-color: #fff5f5;
}
.candidature-form .error-input[data-v-c2f22a12]:focus {
  box-shadow: 0 0 0 3px rgba(229, 62, 62, 0.1);
}
.candidature-form .success-input[data-v-c2f22a12] {
  border-color: #48bb78 !important;
}
.candidature-form .success-input[data-v-c2f22a12]:focus {
  box-shadow: 0 0 0 3px rgba(72, 187, 120, 0.1);
}
.candidature-form .input-group[data-v-c2f22a12] {
  position: relative;
  margin-bottom: 1rem;
}
.candidature-form .input-group input[data-v-c2f22a12], .candidature-form .input-group select[data-v-c2f22a12] {
  padding-top: 20px;
  padding-bottom: 4px;
}
.candidature-form .input-group label[data-v-c2f22a12] {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  font-size: 0.95rem;
  color: #a0aec0;
  pointer-events: none;
  transition: all 0.2s ease;
}
.candidature-form .input-group input:not(:-moz-placeholder-shown) ~ label[data-v-c2f22a12] {
  top: 8px;
  font-size: 0.75rem;
  color: #e54021;
}
.candidature-form .input-group input:focus ~ label[data-v-c2f22a12],
.candidature-form .input-group input:not(:placeholder-shown) ~ label[data-v-c2f22a12],
.candidature-form .input-group select:focus ~ label[data-v-c2f22a12],
.candidature-form .input-group select:not([value=""]) ~ label[data-v-c2f22a12] {
  top: 8px;
  font-size: 0.75rem;
  color: #e54021;
}
@media screen and (max-width: 450px) {
.candidature-form select[data-v-c2f22a12], .candidature-form input[data-v-c2f22a12]:not([type=checkbox]):not([type=radio]):not([type=submit]), .candidature-form textarea[data-v-c2f22a12] {
    font-size: 16px;
    padding: 10px 14px;
}
.candidature-form select[data-v-c2f22a12] {
    padding-right: 36px;
    background-size: 14px;
}
.candidature-form .input-group label[data-v-c2f22a12] {
    font-size: 14px;
}
.candidature-form .input-group input:not(:-moz-placeholder-shown) ~ label[data-v-c2f22a12] {
    font-size: 12px;
}
.candidature-form .input-group input:focus ~ label[data-v-c2f22a12],
  .candidature-form .input-group input:not(:placeholder-shown) ~ label[data-v-c2f22a12],
  .candidature-form .input-group select:focus ~ label[data-v-c2f22a12],
  .candidature-form .input-group select:not([value=""]) ~ label[data-v-c2f22a12] {
    font-size: 12px;
}
}
.candidature-form .radio-group[data-v-c2f22a12] {
  display: flex;
  gap: 2rem;
  margin: 1rem 0;
}
.candidature-form .radio-group .radio-item[data-v-c2f22a12] {
  position: relative;
}
.candidature-form .radio-group .radio-item input[type=radio][data-v-c2f22a12] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.candidature-form .radio-group .radio-item input[type=radio] + label[data-v-c2f22a12] {
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  font-size: 0.9rem;
  line-height: 1.5;
  display: inline-block;
  color: #1b1f23;
  transition: all 0.2s ease;
}
.candidature-form .radio-group .radio-item input[type=radio] + label[data-v-c2f22a12]:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 2px solid #e2e8f0;
  border-radius: 50%;
  background: white;
  transition: all 0.2s ease;
}
.candidature-form .radio-group .radio-item input[type=radio] + label[data-v-c2f22a12]:after {
  content: "";
  position: absolute;
  left: 6px;
  top: 6px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: white;
  opacity: 0;
  transform: scale(0);
  transition: all 0.2s ease;
}
.candidature-form .radio-group .radio-item input[type=radio]:checked + label[data-v-c2f22a12]:before {
  border-color: #e54021;
  background: #e54021;
}
.candidature-form .radio-group .radio-item input[type=radio]:checked + label[data-v-c2f22a12]:after {
  opacity: 1;
  transform: scale(0.6);
}
.candidature-form .radio-group .radio-item input[type=radio]:focus + label[data-v-c2f22a12]:before {
  box-shadow: 0 0 0 3px rgba(229, 64, 33, 0.1);
}
.candidature-form .radio-group .radio-item input[type=radio]:hover:not(:checked) + label[data-v-c2f22a12]:before {
  border-color: #cbd5e0;
}
.candidature-form .file-select[data-v-c2f22a12] {
  position: relative;
  display: block;
  width: 100%;
  margin: 1rem 0;
  border: 2px dashed #e2e8f0;
  border-radius: 10px;
  transition: all 0.3s ease;
}
.candidature-form .file-select[data-v-c2f22a12]:hover {
  border-color: #e54021;
  background-color: rgba(229, 64, 33, 0.02);
}
.candidature-form .file-select .select-button[data-v-c2f22a12] {
  padding: 1.5rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s ease;
}
.candidature-form .file-select .select-button div[data-v-c2f22a12] {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  color: #1b1f23;
  font-size: 0.9rem;
}
.candidature-form .file-select .select-button svg[data-v-c2f22a12] {
  transition: all 0.3s ease;
}
.candidature-form .file-select .select-button svg path[data-v-c2f22a12] {
  transition: all 0.3s ease;
}
.candidature-form .file-select .select-button:hover svg path[data-v-c2f22a12] {
  stroke: #e54021;
}
.candidature-form .file-select input[type=file][data-v-c2f22a12] {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  cursor: pointer;
}
.candidature-form .password-input-wrapper[data-v-c2f22a12] {
  position: relative;
}
.candidature-form .password-input-wrapper input[type=password][data-v-c2f22a12],
.candidature-form .password-input-wrapper input[type=text][data-v-c2f22a12] {
  padding-right: 45px;
}
.candidature-form .password-input-wrapper .password-toggle[data-v-c2f22a12] {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 5px;
  cursor: pointer;
  color: #718096;
  transition: color 0.2s ease;
}
.candidature-form .password-input-wrapper .password-toggle[data-v-c2f22a12]:hover {
  color: #e54021;
}
.candidature-form .password-input-wrapper .password-toggle svg[data-v-c2f22a12] {
  width: 20px;
  height: 20px;
}
.candidature-form .switch-wrapper[data-v-c2f22a12] {
  position: relative;
  display: inline-block;
  width: 50px;
  height: 24px;
}
.candidature-form .switch-wrapper input[type=checkbox][data-v-c2f22a12] {
  opacity: 0;
  width: 0;
  height: 0;
}
.candidature-form .switch-wrapper input[type=checkbox]:checked + .switch-slider[data-v-c2f22a12] {
  background-color: #e54021;
}
.candidature-form .switch-wrapper input[type=checkbox]:checked + .switch-slider[data-v-c2f22a12]:before {
  transform: translateX(26px);
}
.candidature-form .switch-wrapper input[type=checkbox]:focus + .switch-slider[data-v-c2f22a12] {
  box-shadow: 0 0 0 3px rgba(229, 64, 33, 0.1);
}
.candidature-form .switch-wrapper .switch-slider[data-v-c2f22a12] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #e2e8f0;
  transition: 0.4s;
  border-radius: 34px;
}
.candidature-form .switch-wrapper .switch-slider[data-v-c2f22a12]:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 16px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/candidaturePlugin/components/formBlock2.vue?vue&type=style&index=1&id=c2f22a12&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.toggleShowMoreButton[data-v-c2f22a12] {
  background-color: white;
  border: none;
  font-family: 'Telegraf', sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-right: 0rem;
  cursor: pointer;
}
/* .toggleShowMoreButton:hover {
  color: grey;
} */
.arrow-icon[data-v-c2f22a12] {
  fill: black;
  transition: fill 0.3s;
}
.toggleShowMoreContainer:hover .toggleShowMoreButton[data-v-c2f22a12],
.toggleShowMoreContainer:hover .arrow-icon[data-v-c2f22a12] {
  color: grey;
  fill: grey;
  transition: color 0.3s, fill 0.3s;
}
.checkbox-group.two-columns[data-v-c2f22a12] {
  display: flex;
  flex-wrap: wrap;
}
.checkbox-item[data-v-c2f22a12] {
  flex: 1 1 50%;
  box-sizing: border-box;
  padding: 2px;
}
.checkbox-item input[data-v-c2f22a12] {
  margin-right: 5px;
}
.checkbox-item label[data-v-c2f22a12] {
  font-family: 'Telegraf', sans-serif;
}
.checkbox-item label[data-v-c2f22a12] {
  font-family: 'Telegraf', sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/candidaturePlugin/components/formBlock3.vue?vue&type=style&index=1&id=c2d5fb10&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.radio-group[data-v-c2d5fb10] {
  font-family: 'Telegraf', sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.checkbox-item[data-v-c2d5fb10] {
  /*display: flex;
  align-items: center;*/
  margin-bottom: 0.5rem;
}
.checkbox-item input[data-v-c2d5fb10] {
  margin-right: 5px;
}
.checkbox-item label[data-v-c2d5fb10] {
  font-family: 'Telegraf', sans-serif;
  font-size: 0.875rem;
  line-height: 1.25rem;
  display: inline-block;
  vertical-align: middle;
  padding-left: 6px;
  text-indent: -1.3rem;
}
.checkbox-item2 label[data-v-c2d5fb10] {
  font-family: 'Telegraf', sans-serif;
}
.checkbox-item label[data-v-c2d5fb10]::before {
  content: '';
  display: inline-block;
  width: 20px;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/candidaturePlugin/components/formBlock4.vue?vue&type=style&index=1&id=c2b9cc0e&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.adjust-margin[data-v-c2b9cc0e] {
  margin-top: 1.5rem;
}
.submitButton[data-v-c2b9cc0e] {
  margin-top: 2rem;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/candidaturePlugin/components/inputFile.vue?vue&type=style&index=0&id=4a73fb88&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.download-icon[data-v-4a73fb88] {
  max-width: 1.15rem;
  height: auto;
  background-color: rgba(255, 255, 255, 1);
}
.select-button[data-v-4a73fb88] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
  color: black;
  text-align: center;
  font-weight: 400;
  background-color: rgba(255, 255, 255, 1);
  transition: background-color 0.3s;
}
.file-select[data-v-4a73fb88] {
  background-color: rgba(255, 255, 255, 1);
  margin-top: 0.25rem;
  border-color: black;
  border-width: 1px;
  border-style: solid;
}
.download-icon-wrapper[data-v-4a73fb88] {
  display: inline-block;
  padding: 0.2rem;
}
.file-select > .select-button[data-v-4a73fb88]:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.file-select input[type='file'][data-v-4a73fb88] {
  display: none;
}
.error-message[data-v-4a73fb88] {
  color: red;
  font-size: 0.9rem;
  margin-top: 0.5rem;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/candidaturePlugin/components/formBlock6.vue?vue&type=style&index=1&id=c2816e0a&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.submit-block[data-v-c2816e0a] {
  margin-top: 1rem;
}
.formBlock6[data-v-c2816e0a] {
  display: flex;
  flex-direction: column;
}
.formBlock6 > *[data-v-c2816e0a]:not(.submit-block) {
  flex: 1;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}
.formBlock6 input[data-v-c2816e0a]::-moz-placeholder {
  padding-left: 0.75rem;
}
.formBlock6 input[data-v-c2816e0a]::placeholder,
.formBlock6 select[data-v-c2816e0a] {
  padding-left: 0.75rem;
}
.AcceptanceofTermsText[data-v-c2816e0a] {
  padding-left: 1.5rem;
  font-family: 'Telegraf', sans-serif;
}
.switch[data-v-c2816e0a] {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 14px;
}
/* .short-switch {
  width: 34.22px;
} */
.big-switch[data-v-c2816e0a] {
  width: 70px;
}
.switch input[data-v-c2816e0a] {
  opacity: 0;
  width: 0;
  height: 0;
}
.slider[data-v-c2816e0a] {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  transition: 0.4s;
  border-radius: 18px;
}
.slider[data-v-c2816e0a]:before {
  position: absolute;
  content: '';
  height: 12.5px;
  width: 12.5px;
  left: 1px;
  bottom: 0.7px;
  background-color: white;
  transition: 0.4s;
  border-radius: 50%;
}
input:checked + .slider[data-v-c2816e0a] {
  background-color: #31ea3d;
}
input:focus + .slider[data-v-c2816e0a] {
  box-shadow: 0 0 1px #31ea3d;
}
input:checked + .slider[data-v-c2816e0a]:before {
  /* -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px); */
  transform: translateX(16px);
}
.slider.round[data-v-c2816e0a] {
  border-radius: 17px;
}
.slider.round[data-v-c2816e0a]:before {
  border-radius: 50%;
}
.passwordFields > *[data-v-c2816e0a] {
  flex: 1;
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
}
.passwordFields input[data-v-c2816e0a]::-moz-placeholder {
  text-indent: -0.75rem;
}
.passwordFields input[data-v-c2816e0a]::placeholder {
  text-indent: -0.75rem;
}
.passwordFields input[data-v-c2816e0a] {
  width: 100%;
  box-sizing: border-box;
  padding-left: 1rem;
}
@media screen and (max-width: 450px) {
input:checked + .slider[data-v-c2816e0a]:before {
    transform: translateX(15px);
}
}
@media screen and (max-width: 600px) {
.slider[data-v-c2816e0a] {
    width: 29px;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/candidaturePlugin/components/formBlock7.vue?vue&type=style&index=1&id=c2653f08&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.col[data-v-c2653f08] {
  display: none;
  /* display: flex;
  flex-direction: column; */
}
.row[data-v-c2653f08] {
  display: flex;
  flex-direction: row;
}
.formSubTitle[data-v-c2653f08],
.matchResponse-txt[data-v-c2653f08] {
  font-family: 'Telegraf', sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
#share-msg[data-v-c2653f08] {
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: grey;
  font-family: 'Telegraf', sans-serif;
  font-weight: 500;
}
.icon-row[data-v-c2653f08] {
  display: flex;
  flex-direction: row;
  align-items: center;
  /*justify-content: center;*/
}
.buttons[data-v-c2653f08] {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.5px solid #000;
  border-radius: 0.25rem;
  background-color: white;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  gap: 4px;
  font-weight: 500;
}
.svg-button[data-v-c2653f08] {
  margin-top: 0.25rem;
  width: 4.5rem;
}
.svg-button[data-v-c2653f08]:hover {
  background-color: rgb(244, 244, 244);
  cursor: pointer;
}
.svg-container[data-v-c2653f08] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.vertical-svg[data-v-c2653f08] {
  transform: rotate(90deg);
}
.social-media-window[data-v-c2653f08] {
  align-items: center;
  justify-content: center;
  gap: 4px;
  position: absolute;
  bottom: 0;
  top: 100%;
  left: 48%;
  transform: translateX(-50%);
  background-color: white;
  border: 1px solid grey;
  padding: 1rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  border-radius: 0.25rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 80%;
  margin-top: 0.5rem;
}
.loginButton[data-v-c2653f08] {
  height: 3rem;
  width: 45%;
  font-size: large;
  font-family: 'Telegraf', sans-serif;
  font-weight: 600;
  cursor: pointer;
  border: none;
  background-color: black;
  color: white;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  border-radius: 1.5rem;
}
.loginButton[data-v-c2653f08]:hover {
  background-color: #e54021;
  color: white;
}
.loginContainer[data-v-c2653f08] {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
@media screen and (max-width: 350px) {
.social-media-window[data-v-c2653f08] {
    /* padding-left: 0.75rem;
    padding-right: 0.75rem; */
    gap: 0px;
}
.social-media-window-elements[data-v-c2653f08] {
    transform: scale(0.8);
}
}
@media screen and (max-width: 450px) {
.social-media-window[data-v-c2653f08] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
#social-media-last-element[data-v-c2653f08] {
    display: none;
}
}
@media screen and (max-width: 800px) {
#more-social-block[data-v-c2653f08] {
    padding-left: 0.5rem;
}
}
@media screen and (min-width: 551px) and (max-width: 800px) {
.social-media-window[data-v-c2653f08] {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/candidaturePlugin/components/formComponent.vue?vue&type=style&index=1&id=3395553b&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.loading-circle-container[data-v-3395553b] {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
}
.loading-circle[data-v-3395553b] {
  width: 50px;
  height: 50px;
  border: 5px solid rgba(0, 0, 0, 0.2);
  border-top: 5px solid #3498db;
  border-radius: 50%;
  animation: spin-3395553b 1s linear infinite;
}
@keyframes spin-3395553b {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.formImg[data-v-3395553b] {
  max-height: calc(100vh - 4rem);
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.formImg[data-v-3395553b],
.scroll-container[data-v-3395553b] {
  border-radius: 1rem;
}
.formBlock[data-v-3395553b] {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0;
  padding: 0;
  width: 75%;
}
.closeButton[data-v-3395553b] {
  position: absolute;
  right: 0px;
  top: 0px;
  padding: 10px;
  cursor: pointer;
  border: none;
  background-color: transparent;
  font-weight: bold;
  font-size: 1.5rem;
  border-top-right-radius: 1rem;
}
.closeButton[data-v-3395553b]:hover {
  background-color: red;
}

/* @media screen and (max-width: 460px) {
  .formBlock {
    margin-top: 13rem;
  }
} */
@media screen and (max-width: 450px) {
.formBlock[data-v-3395553b] {
    width: calc(100% - 2rem);
    margin-left: 1rem;
    margin-right: 1rem;
}
.scroll-container[data-v-3395553b] {
    width: 100%;
}
.formImg[data-v-3395553b] {
    background-image: none;
}
.closeButton[data-v-3395553b] {
    background-color: black;
    border-top-right-radius: 0rem;
    border-bottom-left-radius: 1rem;
    padding: 5px;
}
}
@media screen and (min-width: 461px) {
.exit-button[data-v-3395553b] {
    display: none;
}
}
@media screen and (max-width: 550px) {
.formImg[data-v-3395553b] {
    display: none;
}
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/candidaturePlugin/pages/view-application.scss?vue&type=style&index=0&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.VA_bg_img {
  background-color: black;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.mt {
  margin-top: 2.5rem;
}
.col {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.row {
  display: flex;
  flex-direction: row;
}
.top-row {
  padding-left: 3rem;
  padding-right: 3rem;
}
.top-row-logo {
  transform: scale(1.4);
}
.space-b-to-center,
.space-b {
  justify-content: space-between;
}
.mr-2 {
  margin-right: 2rem;
}
.ml-6 {
  margin-left: 6rem;
}
.mt-05 {
  margin-top: 0.5rem;
}
.mt-075 {
  margin-top: 1rem;
}
.mb-05 {
  margin-bottom: 0.55rem;
}
.title-container {
  max-width: 60rem;
}
.main-title {
  padding-top: 5rem;
  padding-left: 2.5rem;
  padding-right: 20rem;
  margin-right: 10rem;
  font-size: 3.5rem;
  line-height: 3.75rem;
}
.text-white {
  color: white;
}
.connexion_button {
  color: white;
  background-color: #1b1f23;
  border: none;
  font-weight: 500;
  padding-right: 1.35rem;
  padding-left: 1.35rem;
  padding-top: 0.95rem;
  padding-bottom: 0.95rem;
  margin-top: 1.5rem;
  margin-right: 8rem;
  border-radius: 1.5rem;
}
.connexion_button:hover {
  background-color: white;
  color: black;
  border: solid 2px black;
  font-weight: 600;
  padding-right: 1.225rem;
  padding-left: 1.225rem;
  padding-top: 0.825rem;
  padding-bottom: 0.825rem;
}
.bot_button {
  background-color: white;
  color: black;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-right: 1.35rem;
  padding-left: 1.35rem;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
  border: none;
  margin-top: 2rem;
  margin-left: 2.5rem;
  border-radius: 1.5rem;
}
.bot_button:hover {
  background-color: black;
  color: white;
}
.bg-white {
  background-color: white;
}
.orangehrm-buzz-layout {
  justify-content: center;
  grid-template-columns: minmax(240px, 640px) minmax(0, 375px);
}
@media screen and (min-width: 1920px) {
.orangehrm-buzz-layout {
    gap: 2rem;
    grid-template-columns: minmax(0, 375px) minmax(240px, 640px) minmax(0, 375px);
}
}
.formComponent {
  /*position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 1;*/
  width: 90%;
  max-width: 2000px;
  height: 90%;
  padding: 2rem;
}
.formContainer {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 1020px) and (max-height: 700px) {
.formContainer {
    z-index: 2;
}
}
@media screen and (max-width: 370px) {
#page-content {
    max-width: 360px;
}
}
@media screen and (max-width: 380px) {
#page-content {
    max-width: 370px;
}
}
@media screen and (max-width: 450px) {
.formComponent {
    height: 100%;
}
#page-content {
    max-width: 430px;
}
.top-row {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.main-title {
    padding-top: 3rem;
    font-size: 1.85rem;
    line-height: 2.25rem;
    padding-right: 2.5rem;
    margin-right: 0rem;
}
.bot_button {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    padding-top: 0.415rem;
    padding-bottom: 0.415rem;
    margin-top: 1.5rem;
}
.space-b {
    margin-left: 3rem;
}
.connexion_button {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    padding-right: 1.15rem;
    padding-left: 1.15rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    margin-top: 1.5rem;
    margin-right: 3rem;
    border-radius: 1.5rem;
}
}
@media screen and (max-width: 800px) {
#olecio-logo {
    display: none;
}
.top-row-logo {
    margin-left: 0 !important;
    transform: scale(0.9);
}
}
@media screen and (min-width: 1020px) {
.space-b-to-center {
    justify-content: center;
}
.mr {
    margin-right: 10rem;
}
}
@media screen and (min-width: 1200px) and (max-height: 600px) {
.main-title {
    padding-top: 2rem;
    font-size: 3rem;
    line-height: 3.25rem;
}
}
@media screen and (min-width: 1200px) and (max-height: 520px) {
.main-title {
    font-size: 2.5rem;
    line-height: 2.75rem;
}
}
@media (min-width: 1500px) {
.main-title {
    font-size: 4rem;
    line-height: 4.25rem;
}
.connexion_button {
    margin-right: 10rem;
}
.bot_button {
    margin-left: 3rem;
}
}
@media (min-width: 1920px) {
.main-title {
    font-size: 4.5rem;
    line-height: 4.75rem;
}
.connexion_button {
    margin-right: 12rem;
}
.bot_button {
    margin-left: 4rem;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/candidaturePlugin/pages/Candidature.vue?vue&type=style&index=1&id=1575c360&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

*[data-v-1575c360] {
  font-family: 'DM Sans', sans-serif;
}
h1[data-v-1575c360] {
  font-size: 4rem;
}
#aPropos p[data-v-1575c360] {
  font-size: 1rem;
  margin-bottom: 1rem;
  line-height: 150%;
}
#footer a[data-v-1575c360] {
  color: black;
}
#comment p[data-v-1575c360] {
  font-size: 1.3rem;
  margin-bottom: 0.5rem;
}
.title-container[data-v-1575c360],
#olecio-logo[data-v-1575c360] {
  display: none;
}
.formContainer[data-v-1575c360] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1002;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding-top: 2rem;
  overflow-y: auto;
}
.exit-button[data-v-1575c360] {
  position: relative;
  top: 10px;
  right: 10px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}
#accueil[data-v-1575c360] {
  height: 100vh;
  background-image: url('https://jobnavigator-cdn.fra1.cdn.digitaloceanspaces.com/prod/logo/vigiebtp_home_background.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
#accueil[data-v-1575c360]::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(43, 47, 99, 0.88);
  z-index: 1;
}

/* Navbar styles */
.navbar[data-v-1575c360] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  background-color: rgba(43, 47, 99, 1);
  padding: 1rem 0;
}
.navbar-container[data-v-1575c360] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}
.navbar-logo[data-v-1575c360] {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.navbar-logo img[data-v-1575c360] {
  height: 3rem;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.navbar-nav[data-v-1575c360] {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.navbar-nav a[data-v-1575c360] {
  color: white;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s ease;
}
.navbar-nav a[data-v-1575c360]:hover {
  color: #f18700;
}

/* Hero section styles */
.hero-section[data-v-1575c360] {
  height: 100vh;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 2;
}
.hero-content[data-v-1575c360] {
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 5rem 2rem;
  gap: 4rem;
}
.hero-left[data-v-1575c360] {
  flex: 1;
  display: flex;
  align-items: center;
}
.hero-text[data-v-1575c360] {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  align-items: flex-start;
}
.hero-text h1[data-v-1575c360] {
  color: white;
  font-size: 4rem;
  margin: 0;
}
.hero-buttons[data-v-1575c360] {
  display: flex;
  gap: 2rem;
  width: 100%;
}
.hero-buttons button[data-v-1575c360] {
  height: 3rem;
  flex: 1;
  font-size: large;
  font-weight: 600;
  cursor: pointer;
  border: none;
  border-radius: 1rem;
  background-color: white;
  color: rgba(43, 47, 99, 1);
  transition: all 0.3s ease;
}
.hero-buttons button[data-v-1575c360]:hover {
  background-color: transparent;
  color: white;
  border: 2px solid white;
}
.cta-button[data-v-1575c360] {
  height: 3rem;
  width: 100%;
  font-size: large;
  font-weight: 600;
  cursor: pointer;
  border: 0px solid transparent;
  border-radius: 1rem;
  background-image: linear-gradient(270deg, #f18700, #d0491a);
  color: white;
  transition: all 0.3s ease;
}
.cta-button[data-v-1575c360]:hover {
  background-image: none;
  background-color: transparent;
  position: relative;
  border: none;
}
.cta-button[data-v-1575c360]:hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1rem;
  border: 2px solid transparent;
  background: linear-gradient(270deg, #f18700, #d0491a) border-box;
  -webkit-mask: linear-gradient(#3e298a 0 0) padding-box,
    linear-gradient(#3e298a 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.hero-right[data-v-1575c360] {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.hero-video[data-v-1575c360] {
  width: 100%;
  max-width: 500px;
}
.hero-video video[data-v-1575c360] {
  width: 100%;
  height: auto;
  border-radius: 2rem;
  background-color: white;
  padding: 1rem;
}
#comment[data-v-1575c360] {
  height: auto;
  background-color: white;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 2rem 2rem 4rem 2rem;
}
.comment-title[data-v-1575c360] {
  font-size: 2.5rem;
  text-align: center;
  margin-bottom: 3rem;
  color: rgba(43, 47, 99, 1);
}
.comment-cards[data-v-1575c360] {
  display: flex;
  gap: 3rem;
  width: 100%;
  max-width: 1000px;
}
.comment-card[data-v-1575c360] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: start;
  background-color: #f9f9f9;
  border-radius: 1rem;
  overflow: hidden;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}
.testimonial-image[data-v-1575c360] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.card-content[data-v-1575c360] {
  padding: 2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.card-content h3[data-v-1575c360] {
  height: 2rem;
  font-size: 1.8rem;
  color: rgba(43, 47, 99, 1);
  margin-bottom: 0.5rem;
  width: 100%;
}
.card-content p[data-v-1575c360] {
  height: 6rem;
  font-size: 1.1rem;
  color: rgba(43, 47, 99, 1);
  line-height: 1.5;
  margin-bottom: 1.5rem;
}
.card-content button[data-v-1575c360] {
  height: 3rem;
  width: 50%;
  font-size: large;
  font-weight: 600;
  cursor: pointer;
  border: 0px solid transparent;
  border-radius: 1rem;
  background-image: linear-gradient(270deg, #f18700, #d0491a);
  color: white;
  transition: all 0.3s ease;
  margin-top: 1rem;
}
.card-content button[data-v-1575c360]:hover {
  color: rgba(43, 47, 99, 1);
}
.card-content button[data-v-1575c360]:hover {
  background-image: none;
  background-color: transparent;
  position: relative;
  border: none;
}
.card-content button[data-v-1575c360]:hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1rem;
  border: 2px solid transparent;
  background: linear-gradient(270deg, #f18700, #d0491a) border-box;
  -webkit-mask: linear-gradient(#3e298a 0 0) padding-box,
    linear-gradient(#3e298a 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
#aPropos[data-v-1575c360] {
  background-color: rgba(43, 47, 99, 0.88);
  color: white;
  display: flex;
  flex-direction: row;
  align-items: flex-start; /* Align items to the top */
  padding: 2rem 4rem;
}
.aPropos-container[data-v-1575c360] {
  display: flex;
  gap: 3rem;
  width: 100%;
  margin: 0 auto;
}
.aPropos-image-section[data-v-1575c360] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center; /* Align image to the left */
  gap: 1rem;
  margin-top: 8rem;
}
.aPropos-image[data-v-1575c360] {
  width: 100%;
  height: auto;
  background-color: white;
  box-shadow: 2px 2px 10px black;
}
.aPropos-image-buttons[data-v-1575c360] {
  display: flex;
  gap: 2rem;
  margin-top: 1rem;
  width: 100%;
  justify-content: center;
}
.aPropos-image-buttons button[data-v-1575c360] {
  height: 3rem;
  width: 45%;
  font-size: large;
  font-weight: 600;
  cursor: pointer;
  border: 0px solid transparent;
  border-radius: 1rem;
  background-image: linear-gradient(270deg, #f18700, #d0491a);
  color: white;
  transition: all 0.3s ease;
}
.aPropos-image-buttons button[data-v-1575c360]:hover {
  color: white;
}
.aPropos-image-buttons button[data-v-1575c360]:hover {
  background-image: none;
  background-color: transparent;
  position: relative;
  border: none;
}
.aPropos-image-buttons button[data-v-1575c360]:hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1rem;
  border: 2px solid transparent;
  background: linear-gradient(270deg, #f18700, #d0491a) border-box;
  -webkit-mask: linear-gradient(#3e298a 0 0) padding-box,
    linear-gradient(#3e298a 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.aProposDroite[data-v-1575c360] {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0 2rem; /* Adjust padding for right side */
}
.aProposDroite h1[data-v-1575c360] {
  font-size: 3.5rem;
  margin-bottom: 1rem;
  color: white;
  height: 3rem;
}
.aProposDroite p[data-v-1575c360] {
  font-size: 1rem;
  line-height: 1.6;
  margin-bottom: 1.5rem;
  color: #eee;
}
.white-box[data-v-1575c360] {
  background-color: rgb(255, 255, 255);
  padding: 0.5rem 1rem;
  border-radius: 0.8rem;
  margin-bottom: 1.5rem;
}
.white-box p[data-v-1575c360] {
  font-size: 1.1rem;
  color: rgba(43, 47, 99, 1);
  margin-bottom: 0.5rem;
}
.white-box p[data-v-1575c360]:last-child {
  margin-bottom: 0;
}
.orange-text[data-v-1575c360] {
  color: #f18700 !important;
}
.aProposBouton[data-v-1575c360] {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin-top: 1rem;
}
.aProposBouton button[data-v-1575c360] {
  height: 3rem;
  width: 45%;
  font-size: large;
  font-weight: 600;
  cursor: pointer;
  border: 0px solid transparent;
  border-radius: 1rem;
  background-image: linear-gradient(270deg, #f18700, #d0491a);
  color: white;
  transition: all 0.3s ease;
}
.aProposBouton button[data-v-1575c360]:hover {
  color: white;
}
.aProposBouton button[data-v-1575c360]:hover {
  background-image: none;
  background-color: transparent;
  position: relative;
  border: none;
}
.aProposBouton button[data-v-1575c360]:hover::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 1rem;
  border: 2px solid transparent;
  background: linear-gradient(270deg, #f18700, #d0491a) border-box;
  -webkit-mask: linear-gradient(#3e298a 0 0) padding-box,
    linear-gradient(#3e298a 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
}
.aProposBoxes[data-v-1575c360] {
  margin-left: 2rem;
}
#aPropos[data-v-1575c360] {
  background-color: rgba(43, 47, 99, 0.88);
  color: white;
  display: flex;
  flex-direction: row;
}
#footer[data-v-1575c360] {
  background-color: #1b1f23;
  visibility: collapse;
  padding: 0rem;
}
.mobile-nav[data-v-1575c360] {
  display: none;
}
.navbar-logo img[data-v-1575c360] {
  margin-top: 0.5rem;
  height: auto;
  width: 10rem;
}
.mobile-only[data-v-1575c360] {
  display: none;
}
@media (min-width: 901px) {
#footer a[data-v-1575c360] {
    font-size: 0px;
}
}
/* Responsivité pour les écrans de taille moyenne (tablettes) */
@media (max-width: 900px) {
#accueil[data-v-1575c360] {
    height: auto;
    min-height: 100vh;
}
.navbar-container[data-v-1575c360] {
    padding: 0 1rem;
}
.navbar-logo[data-v-1575c360] {
    gap: 1rem;
}
.navbar-logo img[data-v-1575c360] {
    height: 2.5rem;
}
.desktop-nav[data-v-1575c360] {
    display: none;
}
.hero-section[data-v-1575c360] {
    height: auto;
    min-height: calc(100vh - 5rem);
}
.hero-content[data-v-1575c360] {
    flex-direction: column;
    gap: 2rem;
    padding: 5rem 1rem;
}
.hero-text[data-v-1575c360] {
    align-items: center;
    text-align: center;
}
.hero-text h1[data-v-1575c360] {
    font-size: 2.5rem;
}
.hero-buttons[data-v-1575c360] {
    flex-direction: column;
    width: 100%;
    max-width: 300px;
}
.hero-buttons button[data-v-1575c360] {
    width: 100%;
    flex: none;
}
.cta-button[data-v-1575c360] {
    width: 100%;
    max-width: 300px;
}
.hero-video[data-v-1575c360] {
    max-width: 100%;
}
.hero-video video[data-v-1575c360] {
    border-radius: 1.5rem;
    padding: 0.5rem;
}
#comment[data-v-1575c360],
  #aPropos[data-v-1575c360] {
    height: auto;
    flex-direction: column;
}
#aPropos[data-v-1575c360] {
    padding: 2rem 2rem;
}
.comment-cards[data-v-1575c360] {
    flex-direction: column;
    gap: 2rem;
}
.comment-card[data-v-1575c360] {
    flex-direction: column;
    align-items: center;
    text-align: start;
    width: 100%;
    max-width: 100%;
}
.testimonial-image[data-v-1575c360] {
    width: 30%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.card-content[data-v-1575c360] {
    padding: 1rem;
    width: 70%;
    align-items: flex-start;
}
.card-content h3[data-v-1575c360] {
    font-size: 1.5rem;
    height: auto;
}
.card-content p[data-v-1575c360] {
    font-size: 1rem;
    height: auto;
}
.card-content button[data-v-1575c360] {
    width: 100%;
    height: auto;
    padding: 0.5rem 1rem;
    margin-top: 1rem;
}
.aPropos-container[data-v-1575c360] {
    flex-direction: column;
    align-items: center;
}
.aPropos-image-section[data-v-1575c360] {
    align-items: center;
    width: 100%;
    margin-top: 1rem;
}
.aPropos-image[data-v-1575c360] {
    max-width: 300px;
}
.aPropos-image-buttons[data-v-1575c360] {
    display: none;
}
.aProposDroite[data-v-1575c360] {
    padding: 0;
    width: 100%;
    text-align: start;
}
.aProposDroite h1[data-v-1575c360] {
    font-size: 2rem;
    text-align: center;
}
.aProposDroite p[data-v-1575c360] {
    font-size: 1.1rem;
}
.aProposBoxes[data-v-1575c360] {
    margin-left: 0rem;
}
.white-box[data-v-1575c360] {
    padding: 1rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.white-box p[data-v-1575c360] {
    font-size: 1rem;
}
.aProposBouton[data-v-1575c360] {
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
}
.mobile-only[data-v-1575c360] {
    display: flex;
}
.aProposBouton button[data-v-1575c360] {
    width: 100%;
}
#comment img[data-v-1575c360],
  #aPropos img[data-v-1575c360] {
    width: 100%;
    align-self: center;
}
#footer[data-v-1575c360] {
    visibility: visible;
    background-color: white;
    color: black;
    display: flex;
    box-sizing: border-box;
    flex-direction: column;
    padding: 2rem;
    justify-content: center;
    text-align: center;
}

  /* Ajouter les liens de navigation dans le footer pour mobile */
#footer[data-v-1575c360]::before {
    content: '';
    display: block;
    margin-bottom: 1rem;
}
#footer .mobile-nav[data-v-1575c360] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}
#footer .mobile-nav a[data-v-1575c360] {
    color: black;
    text-decoration: none;
    font-weight: 600;
}
}
@media screen and (max-width: 461px) {
.exit-button[data-v-1575c360] {
    display: none;
}
.navbar-logo img[data-v-1575c360] {
    height: 2rem;
}
.hero-text h1[data-v-1575c360] {
    font-size: 2rem;
}
.hero-buttons[data-v-1575c360] {
    max-width: 250px;
}
.cta-button[data-v-1575c360] {
    max-width: 250px;
}
.hero-video video[data-v-1575c360] {
    border-radius: 1rem;
    padding: 0.25rem;
}
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/constructys/cguPlugin/pages/view-application.scss?vue&type=style&index=0&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.VA_bg_img {
  background-color: black;
  width: 100%;
  height: 100vh;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.mt {
  margin-top: 2.5rem;
}
.col {
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.row {
  display: flex;
  flex-direction: row;
}
.top-row {
  padding-left: 3rem;
  padding-right: 3rem;
}
.top-row-logo {
  transform: scale(1.4);
}
.space-b-to-center,
.space-b {
  justify-content: space-between;
}
.mr-2 {
  margin-right: 2rem;
}
.ml-6 {
  margin-left: 6rem;
}
.mt-05 {
  margin-top: 0.5rem;
}
.mt-075 {
  margin-top: 1rem;
}
.mb-05 {
  margin-bottom: 0.55rem;
}
.title-container {
  max-width: 60rem;
}
.main-title {
  padding-top: 5rem;
  padding-left: 2.5rem;
  padding-right: 20rem;
  margin-right: 10rem;
  font-size: 3.5rem;
  line-height: 3.75rem;
}
.text-white {
  color: white;
}
.connexion_button {
  color: white;
  background-color: #1b1f23;
  border: none;
  font-weight: 500;
  padding-right: 1.35rem;
  padding-left: 1.35rem;
  padding-top: 0.95rem;
  padding-bottom: 0.95rem;
  margin-top: 1.5rem;
  margin-right: 8rem;
  border-radius: 1.5rem;
}
.connexion_button:hover {
  background-color: white;
  color: black;
  border: solid 2px black;
  font-weight: 600;
  padding-right: 1.225rem;
  padding-left: 1.225rem;
  padding-top: 0.825rem;
  padding-bottom: 0.825rem;
}
.bot_button {
  background-color: white;
  color: black;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
  padding-right: 1.35rem;
  padding-left: 1.35rem;
  padding-top: 0.65rem;
  padding-bottom: 0.65rem;
  border: none;
  margin-top: 2rem;
  margin-left: 2.5rem;
  border-radius: 1.5rem;
}
.bot_button:hover {
  background-color: black;
  color: white;
}
.bg-white {
  background-color: white;
}
.orangehrm-buzz-layout {
  justify-content: center;
  grid-template-columns: minmax(240px, 640px) minmax(0, 375px);
}
@media screen and (min-width: 1920px) {
.orangehrm-buzz-layout {
    gap: 2rem;
    grid-template-columns: minmax(0, 375px) minmax(240px, 640px) minmax(0, 375px);
}
}
.formComponent {
  /*position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  opacity: 1;*/
  width: 90%;
  max-width: 2000px;
  height: 90%;
  padding: 2rem;
}
.formContainer {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
}
@media screen and (min-width: 1020px) and (max-height: 700px) {
.formContainer {
    z-index: 2;
}
}
@media screen and (max-width: 370px) {
#page-content {
    max-width: 360px;
}
}
@media screen and (max-width: 380px) {
#page-content {
    max-width: 370px;
}
}
@media screen and (max-width: 450px) {
.formComponent {
    height: 100%;
}
#page-content {
    max-width: 430px;
}
.top-row {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.main-title {
    padding-top: 3rem;
    font-size: 1.85rem;
    line-height: 2.25rem;
    padding-right: 2.5rem;
    margin-right: 0rem;
}
.bot_button {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 700;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    padding-top: 0.415rem;
    padding-bottom: 0.415rem;
    margin-top: 1.5rem;
}
.space-b {
    margin-left: 3rem;
}
.connexion_button {
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    padding-right: 1.15rem;
    padding-left: 1.15rem;
    padding-top: 0.8rem;
    padding-bottom: 0.8rem;
    margin-top: 1.5rem;
    margin-right: 3rem;
    border-radius: 1.5rem;
}
}
@media screen and (max-width: 800px) {
#olecio-logo {
    display: none;
}
.top-row-logo {
    margin-left: 0 !important;
    transform: scale(0.9);
}
}
@media screen and (min-width: 1020px) {
.space-b-to-center {
    justify-content: center;
}
.mr {
    margin-right: 10rem;
}
}
@media screen and (min-width: 1200px) and (max-height: 600px) {
.main-title {
    padding-top: 2rem;
    font-size: 3rem;
    line-height: 3.25rem;
}
}
@media screen and (min-width: 1200px) and (max-height: 520px) {
.main-title {
    font-size: 2.5rem;
    line-height: 2.75rem;
}
}
@media (min-width: 1500px) {
.main-title {
    font-size: 4rem;
    line-height: 4.25rem;
}
.connexion_button {
    margin-right: 10rem;
}
.bot_button {
    margin-left: 3rem;
}
}
@media (min-width: 1920px) {
.main-title {
    font-size: 4.5rem;
    line-height: 4.75rem;
}
.connexion_button {
    margin-right: 12rem;
}
.bot_button {
    margin-left: 4rem;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/constructys/cguPlugin/pages/CGU.vue?vue&type=style&index=1&id=c7c92d34&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

*[data-v-c7c92d34] {
  font-family: 'DM Sans', sans-serif;
}
h1[data-v-c7c92d34],
h5[data-v-c7c92d34] {
  text-align: center;
}
.title-container[data-v-c7c92d34],
#olecio-logo[data-v-c7c92d34] {
  display: none;
}
.formContainer[data-v-c7c92d34] {
  z-index: 10;
}
.exit-button[data-v-c7c92d34] {
  position: relative;
  top: 10px;
  right: 10px;
  background-color: transparent;
  border: none;
  cursor: pointer;
}

/* Navbar styles */
.navbar[data-v-c7c92d34] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  background-color: rgba(43, 47, 99, 1);
  padding: 1rem 0;
}
.navbar-container[data-v-c7c92d34] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}
.navbar-logo[data-v-c7c92d34] {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.navbar-logo img[data-v-c7c92d34] {
  height: 3rem;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
#logoConstructys[data-v-c7c92d34] {
  height: 2rem;
}
#content[data-v-c7c92d34] {
  padding: 6rem 5px 25px 5px;
  /*height: 25vh;
  display: flex;
  flex-direction: column;
  width: 100%;*/
}
.commentGauche[data-v-c7c92d34],
.subtitle[data-v-c7c92d34] {
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* Responsivité pour les écrans de taille moyenne (tablettes) */
@media (max-width: 900px) {
.navbar-container[data-v-c7c92d34] {
    padding: 0 1rem;
}
.navbar-logo[data-v-c7c92d34] {
    gap: 1rem;
}
.navbar-logo img[data-v-c7c92d34] {
    height: 2.5rem;
}
#content[data-v-c7c92d34] {
    padding: 5rem 1rem 25px 1rem;
}
}
@media screen and (max-width: 461px) {
.exit-button[data-v-c7c92d34] {
    display: none;
}
.navbar-logo img[data-v-c7c92d34] {
    height: 2rem;
}
#content[data-v-c7c92d34] {
    padding: 4rem 0.5rem 25px 0.5rem;
}
}
.cgu-main-header[data-v-c7c92d34] {
  font-size: 25px !important;
  font-weight: 1000 !important;
}
.cgu-main-title[data-v-c7c92d34] {
  font-size: 20px !important;
  font-weight: 800 !important;
}
.cgu-sub-title[data-v-c7c92d34] {
  font-size: 18px !important;
  font-weight: 800 !important;
  padding: 0.25rem 0 !important;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/maraudes/home/pages/Home.vue?vue&type=style&index=0&id=46409dd2&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Import OXD Globals */
body {
  margin: 0;
  font-family: "DM Sans", "Inter", system-ui, -apple-system, sans-serif;
}
.page[data-v-46409dd2] {
  display: flex;
  flex-direction: column;
  gap: 3rem;
  background: linear-gradient(180deg, #f9f7ff 0%, #f4f8ff 100%);
  color: #111;
}

/* Navbar styles */
.navbar[data-v-46409dd2] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1001;
  background: linear-gradient(135deg, #312e81 0%, #4f46e5 100%);
  padding: 1rem 0;
  box-shadow: 0 4px 20px rgba(49, 46, 129, 0.2);
}
.navbar-container[data-v-46409dd2] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 clamp(1.25rem, 3vw, 3rem);
}
.navbar-logo[data-v-46409dd2] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.navbar-logo img[data-v-46409dd2] {
  height: 2.5rem;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
.navbar-nav[data-v-46409dd2] {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.navbar-nav a[data-v-46409dd2] {
  color: white;
  text-decoration: none;
  font-weight: 600;
  font-size: 0.95rem;
  transition: color 0.3s ease;
}
.navbar-nav a[data-v-46409dd2]:hover {
  color: rgba(255, 255, 255, 0.8);
}
.mobile-nav[data-v-46409dd2] {
  display: none;
}
.hero[data-v-46409dd2] {
  padding: 6rem clamp(1.25rem, 3vw, 3rem) 1rem;
}
.badge[data-v-46409dd2] {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  background: rgba(106, 90, 205, 0.12);
  color: #4b3fb3;
  padding: 0.5rem 0.9rem;
  border-radius: 999px;
  font-weight: 700;
  font-size: 0.9rem;
  letter-spacing: 0.01em;
  text-transform: uppercase;
}
.hero__content[data-v-46409dd2] {
  margin-top: 1.5rem;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: clamp(1.5rem, 3vw, 3rem);
  align-items: stretch;
}
.hero__text h1[data-v-46409dd2] {
  font-size: clamp(2rem, 4vw, 3rem);
  line-height: 1.2;
  margin: 0 0 1rem 0;
  color: #0f172a;
}
.hero__text p[data-v-46409dd2] {
  margin: 0 0 1.25rem 0;
  color: #334155;
  font-size: 1.05rem;
  line-height: 1.6;
}
.actions[data-v-46409dd2] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-bottom: 1rem;
}
.btn-primary[data-v-46409dd2],
.btn-secondary[data-v-46409dd2] {
  border: none;
  cursor: pointer;
  font-weight: 700;
  border-radius: 12px;
  padding: 0.85rem 1.35rem;
  transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease;
}
.btn-primary[data-v-46409dd2] {
  background: linear-gradient(135deg, #7c3aed, #4f46e5);
  color: #fff;
  box-shadow: 0 10px 30px rgba(79, 70, 229, 0.25);
}
.btn-primary[data-v-46409dd2]:hover {
  transform: translateY(-1px);
  box-shadow: 0 14px 34px rgba(79, 70, 229, 0.3);
}
.btn-secondary[data-v-46409dd2] {
  background: #fff;
  color: #4b3fb3;
  border: 1px solid rgba(75, 63, 179, 0.15);
}
.btn-secondary[data-v-46409dd2]:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
}
.highlights[data-v-46409dd2] {
  display: flex;
  flex-wrap: wrap;
  gap: 0.6rem;
}
.pill[data-v-46409dd2] {
  padding: 0.55rem 0.9rem;
  border-radius: 999px;
  background: rgba(79, 70, 229, 0.08);
  color: #312e81;
  font-weight: 600;
  font-size: 0.95rem;
}
.hero__visual[data-v-46409dd2] {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
}
@media (min-width: 1024px) {
.hero[data-v-46409dd2] {
    padding-left: clamp(1.25rem, 3vw, 3rem);
    padding-right: clamp(1.25rem, 3vw, 3rem);
}
.hero__content[data-v-46409dd2] {
    grid-template-columns: 1.15fr 0.85fr;
    align-items: start;
    max-width: 1200px;
    margin: 0 auto;
}
.hero__visual[data-v-46409dd2] {
    position: sticky;
    top: 110px;
    max-width: 420px;
    margin-left: auto;
    align-self: start;
}
.hero__visual .card[data-v-46409dd2] {
    width: 100%;
}
}
.card[data-v-46409dd2] {
  background: #fff;
  border-radius: 16px;
  padding: 1.5rem;
  box-shadow: 0 12px 40px rgba(15, 23, 42, 0.08);
  border: 1px solid rgba(15, 23, 42, 0.06);
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  min-height: 100%;
}
.card h3[data-v-46409dd2] {
  margin: 0;
  font-size: 1.25rem;
  color: #0f172a;
}
.card__list[data-v-46409dd2] {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  flex: 1;
}
.card li[data-v-46409dd2] {
  position: relative;
  padding-left: 1.6rem;
  color: #334155;
  line-height: 1.5;
}
.card li[data-v-46409dd2]::before {
  content: "•";
  position: absolute;
  left: 0.35rem;
  color: #7c3aed;
  font-weight: 900;
}
.card .btn-secondary[data-v-46409dd2] {
  margin-top: auto;
}
.section[data-v-46409dd2] {
  padding: 0 clamp(1.25rem, 3vw, 3rem);
}
.steps[data-v-46409dd2] {
  padding-bottom: 2.5rem;
}
.section__header[data-v-46409dd2] {
  text-align: center;
  margin-bottom: 1.5rem;
}
.section__header h2[data-v-46409dd2] {
  margin: 0;
  font-size: clamp(1.8rem, 3vw, 2.3rem);
  color: #0f172a;
}
.section__header p[data-v-46409dd2] {
  margin: 0.6rem 0 0 0;
  color: #475569;
}
.grid[data-v-46409dd2] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 1rem;
}
.step[data-v-46409dd2] {
  text-align: left;
}
.step__icon[data-v-46409dd2] {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: linear-gradient(135deg, #7c3aed, #4f46e5);
  color: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-weight: 800;
  margin-bottom: 0.75rem;
}
.step h3[data-v-46409dd2] {
  margin: 0 0 0.4rem 0;
  color: #0f172a;
}
.step p[data-v-46409dd2] {
  margin: 0;
  color: #475569;
  line-height: 1.5;
}
.banner[data-v-46409dd2] {
  margin: 0 clamp(1.25rem, 3vw, 3rem) 3rem;
  background: linear-gradient(120deg, #312e81 0%, #4f46e5 60%, #7c3aed 100%);
  color: #fff;
  border-radius: 18px;
  padding: clamp(1.5rem, 4vw, 2.5rem);
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 18px 40px rgba(49, 46, 129, 0.35);
}
.banner__text[data-v-46409dd2] {
  max-width: 700px;
}
.banner h2[data-v-46409dd2] {
  margin: 0 0 0.5rem 0;
  font-size: clamp(1.6rem, 3vw, 2rem);
}
.banner p[data-v-46409dd2] {
  margin: 0;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.6;
}
@media (max-width: 768px) {
.hero[data-v-46409dd2] {
    padding-top: 3rem;
}
.hero__content[data-v-46409dd2] {
    grid-template-columns: 1fr;
}
.card[data-v-46409dd2] {
    padding: 1.25rem;
}
.banner[data-v-46409dd2] {
    margin: 0 1rem 2.5rem;
}
.grid[data-v-46409dd2] {
    gap: 3rem;
}
}
/* Footer styles */
.footer[data-v-46409dd2] {
  display: none;
}
@media (max-width: 768px) {
.navbar-container[data-v-46409dd2] {
    padding: 0 1rem;
}
.navbar-logo img[data-v-46409dd2] {
    height: 2rem;
}
.desktop-nav[data-v-46409dd2] {
    display: none;
}
.hero[data-v-46409dd2] {
    padding-top: 5rem;
    margin-top: 3.5rem;
}
.hero__visual[data-v-46409dd2] {
    position: static;
    justify-content: flex-start;
}
.footer[data-v-46409dd2] {
    display: block;
    background-color: #1b1f23;
    padding: 2rem 1rem;
    margin-top: 3rem;
}
.footer .mobile-nav[data-v-46409dd2] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    text-align: center;
}
.footer .mobile-nav a[data-v-46409dd2] {
    color: white;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.95rem;
}
}
@media (max-width: 540px) {
.actions[data-v-46409dd2] {
    width: 100%;
}
.btn-primary[data-v-46409dd2],
  .btn-secondary[data-v-46409dd2] {
    width: 100%;
    text-align: center;
}
.highlights[data-v-46409dd2] {
    flex-direction: column;
    align-items: flex-start;
}
.banner[data-v-46409dd2] {
    flex-direction: column;
    align-items: flex-start;
}
.navbar-logo img[data-v-46409dd2] {
    height: 1.75rem;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/maraudes/authentication/components/login-layout.scss?vue&type=style&index=0&id=c0cabfcc&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-layout[data-v-c0cabfcc] {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-width: 0px) {
.orangehrm-login-layout[data-v-c0cabfcc] {
    background-color: #f1f2f5;
}
}
@media (min-width: 800px) {
.orangehrm-login-layout[data-v-c0cabfcc] {
    background-color: var(--oxd-primary-one-color);
}
}
.orangehrm-login-layout-blob[data-v-c0cabfcc] {
  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-c0cabfcc]::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-c0cabfcc] {
    background-image: url(../img/blob.svg);
    background-repeat: no-repeat;
    background-size: 80% 100%;
}
}
.orangehrm-login-container[data-v-c0cabfcc] {
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-login-container[data-v-c0cabfcc] {
    width: 80%;
}
}
.orangehrm-login-logo[data-v-c0cabfcc] {
  position: absolute;
  right: 15%;
  padding: 1rem;
  background-color: #f6f5fb;
  border-radius: 100%;
  display: none;
}
.orangehrm-login-logo img[data-v-c0cabfcc] {
  width: 10rem;
}
@media (min-width: 800px) {
.orangehrm-login-logo[data-v-c0cabfcc] {
    display: block;
}
}
.orangehrm-login-slot-wrapper[data-v-c0cabfcc] {
  padding: 1rem 2rem;
  width: inherit;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper[data-v-c0cabfcc] {
    padding: 1rem 10rem;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-c0cabfcc] {
  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-c0cabfcc] {
  width: 5rem;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-c0cabfcc] {
    display: none;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-slot[data-v-c0cabfcc] {
  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-c0cabfcc] {
    background-color: transparent;
    padding: unset;
}
}
.orangehrm-login-branding[data-v-c0cabfcc] {
  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-c0cabfcc] {
  width: 100%;
  max-width: 180px;
  height: auto;
  max-height: 65px;
}
@media (min-width: 800px) {
.orangehrm-login-branding[data-v-c0cabfcc] {
    width: 80%;
    max-width: 520px;
}
}
.orangehrm-login-social[data-v-c0cabfcc] {
  padding: 1rem 0;
}
.orangehrm-login-social-text[data-v-c0cabfcc] {
  text-align: center;
  margin-bottom: 1rem;
}
.orangehrm-login-social-icons[data-v-c0cabfcc] {
  display: flex;
  justify-content: center;
}
.orangehrm-login-social-icons .--loginwith[data-v-c0cabfcc] {
  margin: 0 0.25rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/maraudes/authentication/components/login-layout.scss?vue&type=style&index=0&id=1d1b7689&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-layout[data-v-1d1b7689] {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-width: 0px) {
.orangehrm-login-layout[data-v-1d1b7689] {
    background-color: #f1f2f5;
}
}
@media (min-width: 800px) {
.orangehrm-login-layout[data-v-1d1b7689] {
    background-color: var(--oxd-primary-one-color);
}
}
.orangehrm-login-layout-blob[data-v-1d1b7689] {
  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-1d1b7689]::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-1d1b7689] {
    background-image: url(../img/blob.svg);
    background-repeat: no-repeat;
    background-size: 80% 100%;
}
}
.orangehrm-login-container[data-v-1d1b7689] {
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-login-container[data-v-1d1b7689] {
    width: 80%;
}
}
.orangehrm-login-logo[data-v-1d1b7689] {
  position: absolute;
  right: 15%;
  padding: 1rem;
  background-color: #f6f5fb;
  border-radius: 100%;
  display: none;
}
.orangehrm-login-logo img[data-v-1d1b7689] {
  width: 10rem;
}
@media (min-width: 800px) {
.orangehrm-login-logo[data-v-1d1b7689] {
    display: block;
}
}
.orangehrm-login-slot-wrapper[data-v-1d1b7689] {
  padding: 1rem 2rem;
  width: inherit;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper[data-v-1d1b7689] {
    padding: 1rem 10rem;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-1d1b7689] {
  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-1d1b7689] {
  width: 5rem;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-1d1b7689] {
    display: none;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-slot[data-v-1d1b7689] {
  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-1d1b7689] {
    background-color: transparent;
    padding: unset;
}
}
.orangehrm-login-branding[data-v-1d1b7689] {
  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-1d1b7689] {
  width: 100%;
  max-width: 180px;
  height: auto;
  max-height: 65px;
}
@media (min-width: 800px) {
.orangehrm-login-branding[data-v-1d1b7689] {
    width: 80%;
    max-width: 520px;
}
}
.orangehrm-login-social[data-v-1d1b7689] {
  padding: 1rem 0;
}
.orangehrm-login-social-text[data-v-1d1b7689] {
  text-align: center;
  margin-bottom: 1rem;
}
.orangehrm-login-social-icons[data-v-1d1b7689] {
  display: flex;
  justify-content: center;
}
.orangehrm-login-social-icons .--loginwith[data-v-1d1b7689] {
  margin: 0 0.25rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/maraudes/authentication/pages/login.scss?vue&type=style&index=0&id=e0a032c2&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-form[data-v-e0a032c2] {
  margin: 0 auto;
}
@media (min-width: 0px) {
.orangehrm-login-form[data-v-e0a032c2] {
    width: 80%;
}
}
@media (min-width: 800px) {
.orangehrm-login-form[data-v-e0a032c2] {
    width: 60%;
    max-width: 485px;
}
}
.orangehrm-login-action[data-v-e0a032c2] {
  margin-top: 2rem;
  justify-content: center;
}
.orangehrm-create-account-action[data-v-e0a032c2] {
  margin-top: 1rem;
  justify-content: center;
}
.orangehrm-login-button[data-v-e0a032c2] {
  flex: 1;
  padding: 1rem 0;
}
.orangehrm-create-account-button[data-v-e0a032c2] {
  flex: 1;
  padding: 1rem 0;
  background-color: transparent;
  border: 1px solid;
  color: var(--oxd-primary-one-color);
}
.orangehrm-profile-button[data-v-e0a032c2] {
  display: flex;
  justify-content: center;
  flex: 1;
  margin: 1rem;
  text-align: center;
}
.orangehrm-login-title[data-v-e0a032c2] {
  text-align: center;
  font-weight: 800;
  margin-bottom: 1rem;
}
.orangehrm-profile-title[data-v-e0a032c2] {
  text-align: center;
  font-weight: 800;
}
.orangehrm-login-pwreset[data-v-e0a032c2] {
  margin: 1rem 0;
  text-align: center;
  font-weight: 600;
}
.orangehrm-login-pwreset a[data-v-e0a032c2] {
  color: var(--oxd-primary-one-color);
  text-decoration: none;
}
.orangehrm-login-forgot[data-v-e0a032c2] {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  font-size: 16px;
}
.orangehrm-login-forgot-header[data-v-e0a032c2] {
  text-align: center;
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-demo-credentials[data-v-e0a032c2] {
  margin: 1rem 0;
}
.orangehrm-login-footer-sm[data-v-e0a032c2] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.orangehrm-login-footer-sm a[data-v-e0a032c2] {
  width: 22px;
  height: 22px;
  margin: 0 0.25rem;
}
.orangehrm-login-footer-sm .orangehrm-sm-icon[data-v-e0a032c2] {
  width: inherit;
  height: inherit;
  color: rgba(146, 155, 170, 0.8);
}
@media (min-width: 800px) {
.orangehrm-login-footer-sm[data-v-e0a032c2] {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
}
}
.orangehrm-login-seperator[data-v-e0a032c2] {
  margin: 0.5rem 0;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/maraudes/authentication/pages/reset-password.scss?vue&type=style&index=0&id=27f4bca3&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-27f4bca3] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-27f4bca3] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-27f4bca3] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-27f4bca3] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-27f4bca3] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-27f4bca3] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-27f4bca3] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-27f4bca3] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-27f4bca3] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-27f4bca3] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-27f4bca3] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-27f4bca3] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-27f4bca3] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-27f4bca3] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-27f4bca3] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-27f4bca3] {
    margin-right: 0.5rem;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/maraudes/authentication/components/CardNote.vue?vue&type=style&index=0&id=0dc877fc&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-icon[data-v-0dc877fc] {
  font-size: 1.5rem;
  color: #eb0910;
  padding: 1rem;
}
.orangehrm-card-note[data-v-0dc877fc] {
  font-size: 12px;
}
.orangehrm-card-note-text[data-v-0dc877fc] {
  color: #eb0910;
}
.orangehrm-card-note-icon[data-v-0dc877fc] {
  flex-shrink: 0;
}
.orangehrm-card-note--background[data-v-0dc877fc] {
  background-color: #e8eaef;
  border-radius: 1.2rem;
  padding: 1.2rem;
}
.orangehrm-card-note--icon[data-v-0dc877fc] {
  display: flex;
  align-items: center;
  background-color: rgba(235, 9, 16, 0.06);
  border-radius: 1.2rem;
  padding: 1rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/maraudes/authentication/pages/reset-password.scss?vue&type=style&index=0&id=9e979216&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-9e979216] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-9e979216] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-9e979216] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-9e979216] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-9e979216] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-9e979216] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-9e979216] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-9e979216] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-9e979216] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-9e979216] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-9e979216] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-9e979216] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-9e979216] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-9e979216] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-9e979216] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-9e979216] {
    margin-right: 0.5rem;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/maraudes/authentication/pages/reset-password.scss?vue&type=style&index=0&id=60b7bdc0&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-60b7bdc0] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-60b7bdc0] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-60b7bdc0] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-60b7bdc0] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-60b7bdc0] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-60b7bdc0] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-60b7bdc0] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-60b7bdc0] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-60b7bdc0] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-60b7bdc0] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-60b7bdc0] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-60b7bdc0] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-60b7bdc0] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-60b7bdc0] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-60b7bdc0] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-60b7bdc0] {
    margin-right: 0.5rem;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/maraudes/authentication/pages/reset-password.scss?vue&type=style&index=0&id=70950e58&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-70950e58] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-70950e58] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-70950e58] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-70950e58] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-70950e58] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-70950e58] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-70950e58] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-70950e58] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-70950e58] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-70950e58] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-70950e58] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-70950e58] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-70950e58] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-70950e58] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-70950e58] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-70950e58] {
    margin-right: 0.5rem;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/maraudes/authentication/pages/reset-password.scss?vue&type=style&index=0&id=4fc90e5a&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-4fc90e5a] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-4fc90e5a] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-4fc90e5a] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-4fc90e5a] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-4fc90e5a] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-4fc90e5a] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-4fc90e5a] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-4fc90e5a] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-4fc90e5a] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-4fc90e5a] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-4fc90e5a] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-4fc90e5a] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-4fc90e5a] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-4fc90e5a] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-4fc90e5a] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-4fc90e5a] {
    margin-right: 0.5rem;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/maraudes/recruitment/pages/Leads.vue?vue&type=style&index=0&id=3e6ad531&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-horizontal-scroll-container[data-v-3e6ad531] {
  overflow-x: auto;
  width: 100%;
}
.orangehrm-text[data-v-3e6ad531],
.orangehrm-custom-table th[data-v-3e6ad531],
.orangehrm-custom-table td[data-v-3e6ad531] {
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #64728c;
}
.orangehrm-custom-table[data-v-3e6ad531] {
  width: 100%;
  border-collapse: collapse;
}
.orangehrm-custom-table th[data-v-3e6ad531],
.orangehrm-custom-table td[data-v-3e6ad531] {
  padding: 0.5rem 1rem;
  text-align: left;
  border: 1px solid #eaebee;
  background-color: white;
  white-space: nowrap;
  position: relative;
}
.orangehrm-custom-table th[data-v-3e6ad531] {
  font-weight: bold;
  color: #38455d;
  font-size: 14px;
  padding: 0.75rem 1rem;
  background-color: #f5f6f7;
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom: 2px solid #d8dadf;
}
.orangehrm-custom-table tbody tr td[data-v-3e6ad531] {
  background-color: white;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.orangehrm-custom-table tbody tr td.selected-cell[data-v-3e6ad531] {
  background-color: #f5f6f7;
  box-shadow: inset 0 0 0 1px var(--oxd-primary-one-color);
}
.orangehrm-custom-table tbody tr td.selected-row[data-v-3e6ad531] {
  background-color: #f5f6f7;
}
.orangehrm-header-container[data-v-3e6ad531] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}
.orangehrm-header-left[data-v-3e6ad531] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.export-button[data-v-3e6ad531] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 12px;
  height: 32px;
}
.export-icon[data-v-3e6ad531] {
  margin-right: 4px;
}
.orangehrm-pagination-wrapper[data-v-3e6ad531] {
  display: flex;
  align-items: center;
}
.records-count[data-v-3e6ad531] {
  font-size: 0.9rem;
  color: var(--oxd-interface-gray-color);
}
.action-column[data-v-3e6ad531] {
  width: auto;
  min-width: 60px;
  padding: 0.25rem !important;
  text-align: center !important;
}
.action-column-values[data-v-3e6ad531] {
  width: auto;
  min-width: 30px;
  padding: 0.25rem !important;
  text-align: center !important;
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
}
.action-button[data-v-3e6ad531] {
  margin: 0 auto;
}
.action-button[data-v-3e6ad531]:hover {
  color: var(--oxd-primary-one-color);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/maraudes/recruitment/components/FullNameInput.vue?vue&type=style&index=0&id=3d4de8e2&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
@media (min-width: 800px) {
[data-v-3d4de8e2] .--name-grouped-field {
    display: flex;
}
[data-v-3d4de8e2] .orangehrm-firstname {
    border-bottom-right-radius: unset;
    border-top-right-radius: unset;
    text-overflow: ellipsis;
}
[data-v-3d4de8e2] .orangehrm-lastname {
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
    text-overflow: ellipsis;
}
[data-v-3d4de8e2] .orangehrm-middlename {
    border-radius: unset;
    text-overflow: ellipsis;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/maraudes/recruitment/components/CustomColumnInput.vue?vue&type=style&index=0&id=f47713d6&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-switch-wrapper[data-v-f47713d6] {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 1rem;
  width: 100%;
}
.orangehrm-text[data-v-f47713d6] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
  margin: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/maraudes/recruitment/components/LeadProfile.vue?vue&type=style&index=0&id=edd7ad42&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-edd7ad42] {
  padding: 0;
}
.orangehrm-candidate-grid-checkbox .oxd-input-group[data-v-edd7ad42] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.orangehrm-telephone-contacts-header[data-v-edd7ad42] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/maraudes/admin/pages/Users.vue?vue&type=style&index=0&id=02175dd5&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.modal-overlay[data-v-02175dd5] {
  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;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.modal-container[data-v-02175dd5] {
  background-color: #ffffff;
  border-radius: 0.75rem;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  width: 500px;
  max-width: 90%;
  z-index: 1001;
  animation: modalSlideIn-02175dd5 0.3s ease-out;
}
@keyframes modalSlideIn-02175dd5 {
from {
    opacity: 0;
    transform: translateY(-50px) scale(0.95);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
.modal-header[data-v-02175dd5] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid var(--oxd-border-light-color);
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 0.75rem 0.75rem 0 0;
}
.modal-header h3[data-v-02175dd5] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #495057;
  font-family: Nunito Sans, sans-serif;
}
.modal-header .close-icon[data-v-02175dd5] {
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  color: #6c757d;
  transition: color 0.2s ease;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.modal-header .close-icon[data-v-02175dd5]:hover {
  color: #dc3545;
  background-color: rgba(220, 53, 69, 0.1);
}
.modal-body[data-v-02175dd5] {
  padding: 2rem;
  background-color: #ffffff;
}
.modal-footer[data-v-02175dd5] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1.5rem 2rem;
  border-top: 1px solid var(--oxd-border-light-color);
  background-color: #f8f9fa;
  border-radius: 0 0 0.75rem 0.75rem;
}
[data-v-02175dd5] .oxd-input-field .oxd-input {
  border-radius: 0.5rem;
  border: 2px solid #e9ecef;
  transition: all 0.2s ease;
}
[data-v-02175dd5] .oxd-input-field .oxd-input:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
[data-v-02175dd5] .oxd-input-field .oxd-label {
  font-weight: 500;
  color: #495057;
}
[data-v-02175dd5] .oxd-button {
  border-radius: 0.5rem;
  font-weight: 500;
  transition: all 0.2s ease;
}
[data-v-02175dd5] .oxd-button.oxd-button--secondary {
  background: linear-gradient(135deg, #a7df73 0%, #76bc21 100%);
  border: none;
}
[data-v-02175dd5] .oxd-button.oxd-button--secondary:hover {
  transform: translateY(-1px);
  box-shadow: 0 0.5rem 1rem rgba(118, 188, 33, 0.3);
}
[data-v-02175dd5] .oxd-button.oxd-button--ghost:hover {
  background-color: rgba(108, 117, 125, 0.1);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/maraudes/admin/pages/CustomColumns.vue?vue&type=style&index=0&id=dec8a80e&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.modal-overlay[data-v-dec8a80e] {
  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;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.modal-container[data-v-dec8a80e] {
  background-color: #ffffff;
  border-radius: 0.75rem;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  width: 500px;
  height: 90vh;
  max-width: 90%;
  z-index: 1001;
  animation: modalSlideIn-dec8a80e 0.3s ease-out;
}
@keyframes modalSlideIn-dec8a80e {
from {
    opacity: 0;
    transform: translateY(-50px) scale(0.95);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
.modal-header[data-v-dec8a80e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid var(--oxd-border-light-color);
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 0.75rem 0.75rem 0 0;
}
.modal-header h3[data-v-dec8a80e] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #495057;
  font-family: Nunito Sans, sans-serif;
}
.modal-header .close-icon[data-v-dec8a80e] {
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  color: #6c757d;
  transition: color 0.2s ease;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.modal-header .close-icon[data-v-dec8a80e]:hover {
  color: #dc3545;
  background-color: rgba(220, 53, 69, 0.1);
}
.modal-body[data-v-dec8a80e] {
  padding: 2rem;
  background-color: #ffffff;
  overflow-y: auto;
  flex: 1;
  min-height: 0;
}
.modal-footer[data-v-dec8a80e] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1.5rem 2rem;
  border-top: 1px solid var(--oxd-border-light-color);
  background-color: #f8f9fa;
  border-radius: 0 0 0.75rem 0.75rem;
  flex-shrink: 0;
}
.modal-form[data-v-dec8a80e] {
  display: flex;
  flex-direction: column;
  height: 100%;
}
[data-v-dec8a80e] .oxd-input-field .oxd-input {
  border-radius: 0.5rem;
  border: 2px solid #e9ecef;
  transition: all 0.2s ease;
}
[data-v-dec8a80e] .oxd-input-field .oxd-input:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
[data-v-dec8a80e] .oxd-input-field .oxd-label {
  font-weight: 500;
  color: #495057;
}
[data-v-dec8a80e] .oxd-button {
  border-radius: 0.5rem;
  font-weight: 500;
  transition: all 0.2s ease;
}
[data-v-dec8a80e] .oxd-button.oxd-button--secondary {
  background: linear-gradient(135deg, #a7df73 0%, #76bc21 100%);
  border: none;
}
[data-v-dec8a80e] .oxd-button.oxd-button--secondary:hover {
  transform: translateY(-1px);
  box-shadow: 0 0.5rem 1rem rgba(118, 188, 33, 0.3);
}
[data-v-dec8a80e] .oxd-button.oxd-button--ghost:hover {
  background-color: rgba(108, 117, 125, 0.1);
}
.options-list[data-v-dec8a80e] {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 1rem;
}
.option-item[data-v-dec8a80e] {
  display: flex;
  align-items: flex-end;
  gap: 0.5rem;
  width: 100%;
}
.option-item .oxd-input-field[data-v-dec8a80e] {
  flex: 1;
}
.option-delete-button[data-v-dec8a80e] {
  flex-shrink: 0;
  margin-bottom: 1.25rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/pages/orgStructure/SaveOrgUnit.vue?vue&type=style&index=0&id=89f31c9e&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAdminPlugin/pages/orgStructure/org-structure.scss?vue&type=style&index=0&id=d84a8d0e&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.org-root-container[data-v-d84a8d0e] {
  padding: 0.5em 1.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}
.org-root-container .oxd-text[data-v-d84a8d0e] {
  position: relative;
  display: flex;
  align-items: center;
}
.org-root-container .oxd-text.--parent[data-v-d84a8d0e]::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-d84a8d0e]::before {
  content: "";
  border-top: 0.15rem solid var(--oxd-primary-one-color);
  width: 1rem;
  margin-right: 0.5rem;
}
.org-container[data-v-d84a8d0e] {
  background-color: #e8eaef;
  padding: 0.5rem 1rem;
}
.org-container .loader[data-v-d84a8d0e] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem 0;
}
.org-container .loader .oxd-loading-spinner-container[data-v-d84a8d0e] {
  background-color: #ffffff;
}
.org-structure-card[data-v-d84a8d0e] {
  display: flex;
  min-height: 35px;
  padding: 0.35rem;
  border-radius: 0.75rem;
  align-items: center;
  justify-content: space-between;
  background-color: #ffffff;
}
@media (min-width: 800px) {
.org-structure-card[data-v-d84a8d0e] {
    padding: 0.5rem 1rem;
}
}
.org-name[data-v-d84a8d0e] {
  position: relative;
  overflow: hidden;
  max-height: 4.5;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.org-name[data-v-d84a8d0e]: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: 3) {
.org-name[data-v-d84a8d0e] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.org-name[data-v-d84a8d0e]:after {
    display: none;
}
}
.org-structure-add[data-v-d84a8d0e] {
  min-width: unset;
  padding: 0.5rem 1rem;
}
.org-action[data-v-d84a8d0e] {
  display: flex;
  list-style: none;
  position: relative;
}
.org-action-icon[data-v-d84a8d0e] {
  margin-right: 0.5rem;
}
.org-action-icon[data-v-d84a8d0e]:last-child {
  margin-right: unset;
}
.org-action-description[data-v-d84a8d0e] {
  display: flex;
  cursor: pointer;
  font-size: 12px;
  padding: 0.2rem 1rem;
}
.org-action-description[data-v-d84a8d0e]:hover {
  background-color: #f6f7f9;
}
.org-action[data-v-d84a8d0e] .oxd-dropdown-menu {
  right: 0;
  top: 40px;
  left: unset;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/pages/orgStructure/OrgStructure.vue?vue&type=style&index=1&id=d84a8d0e&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-tree-node-content {
  width: 100%;
}
.oxd-tree-node-toggle .oxd-icon-button {
  background-color: #ffffff !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAdminPlugin/pages/organizationGeneralInformation/general-info.scss?vue&type=style&index=0&id=0dffc7fe&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.organization-name-container[data-v-0dffc7fe] {
  grid-column: span 2;
}
.no-of-employees-value[data-v-0dffc7fe] {
  font-size: 12px;
  padding: 0.675rem 0.5rem;
}
.orangehrm-header-container[data-v-0dffc7fe] {
  padding: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAdminPlugin/pages/emailConfiguration/email-configuration.scss?vue&type=style&index=0&id=5ac663c4&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-5ac663c4] .--status-grouped-field {
  display: flex;
  max-width: 13rem;
}
.send-method-div[data-v-5ac663c4] {
  display: flex;
  flex-direction: row;
}
@media (max-width: 800px) {
.send-method-div[data-v-5ac663c4] {
    flex-direction: column;
}
}
.sendmail-path-value[data-v-5ac663c4] {
  font-size: 12px;
  padding: 0.675rem 0.5rem;
}
.orangehrm-optional-field-row[data-v-5ac663c4] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.orangehrm-optional-field-label[data-v-5ac663c4] {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  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-5ac663c4] {
  font-size: 0.75rem;
  margin-top: -0.8rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/components/InlineActionButton.vue?vue&type=style&index=0&id=20cb240f&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-action-header[data-v-20cb240f] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
}
.orangehrm-action-header button[data-v-20cb240f] {
  margin-left: 1rem;
  white-space: nowrap;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/pages/moduleConfiguration/EditModuleConfiguration.vue?vue&type=style&index=0&id=047d7305&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-module-field-row[data-v-047d7305] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-module-field-label[data-v-047d7305] {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  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%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAdminPlugin/pages/workShift/work-shift.scss?vue&type=style&index=0&id=521c6580&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-workshift-duration[data-v-521c6580] {
  font-size: 12px;
  padding: 0.675rem 0rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAdminPlugin/pages/workShift/work-shift.scss?vue&type=style&index=0&id=39624613&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-workshift-duration[data-v-39624613] {
  font-size: 12px;
  padding: 0.675rem 0rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/pages/emailSubscription/SaveSubscriber.vue?vue&type=style&index=0&id=58a70081&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/pages/emailSubscription/EditSubscriber.vue?vue&type=style&index=0&id=5a1d324e&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/components/InlineColorInput.vue?vue&type=style&index=0&id=63b3996e&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-63b3996e] .oxd-input-group__label-wrapper {
  display: none;
}
[data-v-63b3996e] .orangehrm-color-input-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[data-v-63b3996e] .oxd-color-input {
  padding: 2px;
  flex-shrink: 0;
}
.oxd-input-field-bottom-space[data-v-63b3996e] {
  margin-bottom: 1rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAdminPlugin/pages/corporateBranding/corporate-branding.scss?vue&type=style&index=0&id=746c485b&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-actions-group[data-v-746c485b] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-actions-group[data-v-746c485b] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-actions-group[data-v-746c485b] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-actions-group[data-v-746c485b] .oxd-button--medium {
    width: unset;
}
}
.orangehrm-sm-field[data-v-746c485b] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.675rem 0rem;
}
.orangehrm-sm-field-label[data-v-746c485b] {
  font-weight: 700;
  font-size: 12px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAdminPlugin/pages/languagePackage/language-package.scss?vue&type=style&index=0&id=c6563e3c&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.addlanguage-note[data-v-c6563e3c] {
  background-color: #e8eaef;
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.addlanguage-note-text[data-v-c6563e3c] {
  padding: 1.2rem;
}
.orangehrm-information-card-text[data-v-c6563e3c] {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}
[data-v-c6563e3c] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAdminPlugin/pages/languagePackage/language-package.scss?vue&type=style&index=0&id=0ddac392&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.addlanguage-note[data-v-0ddac392] {
  background-color: #e8eaef;
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.addlanguage-note-text[data-v-0ddac392] {
  padding: 1.2rem;
}
.orangehrm-information-card-text[data-v-0ddac392] {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}
[data-v-0ddac392] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAdminPlugin/components/edit-translation-table.scss?vue&type=style&index=0&id=455e2f15&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-translation-container[data-v-455e2f15] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-translation-grid[data-v-455e2f15] {
  padding-top: 0.5rem;
}
@media (min-width: 600px) {
.orangehrm-translation-grid[data-v-455e2f15] {
    grid-template-columns: 1fr;
}
}
@media (min-width: 1000px) {
.orangehrm-translation-grid[data-v-455e2f15] {
    grid-template-columns: repeat(3, 1fr);
}
}
.orangehrm-translation-grid-header[data-v-455e2f15] {
  display: none;
  margin-bottom: 1rem;
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-header[data-v-455e2f15] {
    display: block;
}
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-langstring-header[data-v-455e2f15] {
    display: none;
}
}
.orangehrm-translation-grid-langstring-header-note[data-v-455e2f15] {
  display: none;
}
.orangehrm-translation-grid-text[data-v-455e2f15] {
  font-size: 0.75rem;
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-text[data-v-455e2f15] {
    display: flex;
    align-items: center;
}
}
.oxd-text--card-title[data-v-455e2f15] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.oxd-text--card-title[data-v-455e2f15] {
    padding-bottom: 1rem;
}
}
@media (min-width: 1000px) {
.note[data-v-455e2f15] {
    display: none;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/pages/languageTranslation/languageTranslation.vue?vue&type=style&index=0&id=598d79a6&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-598d79a6] {
  justify-content: end;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/components/LanguageStringsImportModal.vue?vue&type=style&index=0&id=51b1acec&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-51b1acec] {
  display: flex;
  margin-bottom: 1.2rem;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-51b1acec] {
  display: flex;
  margin-top: 1.2rem;
  justify-content: center;
}
.orangehrm-text-center-align[data-v-51b1acec] {
  text-align: center;
  overflow-wrap: break-word;
}
[data-v-51b1acec] .orangehrm-dialog-popup {
  width: 450px;
}
.orangehrm-success-message[data-v-51b1acec] {
  color: #34bc40;
}
.orangehrm-error-message[data-v-51b1acec] {
  color: #eb0910;
}
.orangehrm-warn-message[data-v-51b1acec] {
  color: #ffa62f;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/pages/languageImport/LanguageImport.vue?vue&type=style&index=0&id=6710028e&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-information-card-container[data-v-6710028e] {
  background-color: #e8eaef;
  border-radius: 1.2rem;
  padding: 1.2rem;
}
.orangehrm-information-card-text[data-v-6710028e] {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}
.orangehrm-information-card-text .download-link[data-v-6710028e] {
  color: var(--oxd-primary-one-color);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAdminPlugin/components/ldap-sync-connection.scss?vue&type=style&index=0&id=21e0b9ae&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-ldap-sync[data-v-21e0b9ae] {
  display: flex;
  flex-direction: column;
}
@media (min-width: 800px) {
.orangehrm-ldap-sync[data-v-21e0b9ae] {
    flex-direction: row;
    align-items: center;
}
.orangehrm-ldap-sync-time[data-v-21e0b9ae] {
    margin-left: 1rem;
}
}
.orangehrm-ldap-sync-button[data-v-21e0b9ae] {
  white-space: normal !important;
}
.orangehrm-ldap-sync-loader[data-v-21e0b9ae] {
  margin: 0 2rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/components/LdapTestConnectionModal.vue?vue&type=style&index=0&id=35c49c10&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-ldap-test[data-v-35c49c10] {
  margin-bottom: 0.75rem;
}
.orangehrm-ldap-test-title[data-v-35c49c10] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.orangehrm-ldap-test-value.--success[data-v-35c49c10] {
  color: #34bc40;
}
.orangehrm-ldap-test-value.--error[data-v-35c49c10] {
  color: #eb0910;
}
.orangehrm-ldap-test-row[data-v-35c49c10] {
  width: 100%;
  display: flex;
  font-size: 14px;
  margin-bottom: 0.2rem;
}
.orangehrm-ldap-test-content[data-v-35c49c10] {
  flex: 1;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAdminPlugin/pages/ldap/ldap-configuration.scss?vue&type=style&index=0&id=fd0297a6&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-fd0297a6] {
  padding: 0;
}
.orangehrm-column-half[data-v-fd0297a6] {
  width: 50%;
}
.orangehrm-form-divider[data-v-fd0297a6] {
  margin: 1rem 0;
}
.orangehrm-subtitle[data-v-fd0297a6] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 1rem;
}
.orangehrm-ldap-switch[data-v-fd0297a6] {
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.orangehrm-ldap-switch-text[data-v-fd0297a6] {
  font-size: 12px;
}
.orangehrm-ldap-grid[data-v-fd0297a6] {
  grid-template-columns: repeat(3, 1fr);
}
.orangehrm-ldap-grid-header[data-v-fd0297a6] {
  font-size: 12px;
  font-weight: 700;
  align-self: start;
  margin-bottom: 1rem;
}
.orangehrm-ldap-grid-content[data-v-fd0297a6] {
  font-size: 12px;
  position: relative;
}
.orangehrm-ldap-grid-icon[data-v-fd0297a6] {
  right: 0;
  font-size: 18px;
  position: absolute;
}
.orangehrm-ldap-grid[data-v-fd0297a6] .oxd-input-group__label-wrapper {
  display: none;
}
.orangehrm-ldap-grid[data-v-fd0297a6] .oxd-switch-wrapper {
  margin-top: 0.75rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAdminPlugin/components/edit-translation-table.scss?vue&type=style&index=0&id=2af82034&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-translation-container[data-v-2af82034] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-translation-grid[data-v-2af82034] {
  padding-top: 0.5rem;
}
@media (min-width: 600px) {
.orangehrm-translation-grid[data-v-2af82034] {
    grid-template-columns: 1fr;
}
}
@media (min-width: 1000px) {
.orangehrm-translation-grid[data-v-2af82034] {
    grid-template-columns: repeat(3, 1fr);
}
}
.orangehrm-translation-grid-header[data-v-2af82034] {
  display: none;
  margin-bottom: 1rem;
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-header[data-v-2af82034] {
    display: block;
}
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-langstring-header[data-v-2af82034] {
    display: none;
}
}
.orangehrm-translation-grid-langstring-header-note[data-v-2af82034] {
  display: none;
}
.orangehrm-translation-grid-text[data-v-2af82034] {
  font-size: 0.75rem;
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-text[data-v-2af82034] {
    display: flex;
    align-items: center;
}
}
.oxd-text--card-title[data-v-2af82034] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.oxd-text--card-title[data-v-2af82034] {
    padding-bottom: 1rem;
}
}
@media (min-width: 1000px) {
.note[data-v-2af82034] {
    display: none;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/pages/languageImport/FixLanguageStringErrors.vue?vue&type=style&index=0&id=08221b1d&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-08221b1d] {
  display: flex;
  align-items: center;
}
.orangehrm-main-title[data-v-08221b1d] {
  text-align: left;
}
.pagination[data-v-08221b1d] {
  margin-left: auto;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/inputs/JobsAutocomplete.vue?vue&type=style&index=0&id=6fee2612&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-job-selection-criteria[data-v-6fee2612] {
  display: flex;
  align-items: center;
}
.orangehrm-job-selection-criteria-selected[data-v-6fee2612] {
  display: flex;
  align-items: center;
}
.orangehrm-job-selection-criteria-name[data-v-6fee2612] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.orangehrm-job-selection-icon[data-v-6fee2612] {
  margin-left: 1rem;
}
.orangerhrm-switch-wrapper[data-v-6fee2612] {
  display: flex;
  flex-direction: row;
  justify-content: start;
  align-items: center;
  gap: 1rem;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-6fee2612] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-6fee2612] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-6fee2612] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/inputs/CoursesAutocomplete.vue?vue&type=style&index=0&id=1fa38488&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-job-selection-criteria[data-v-1fa38488] {
  display: flex;
  align-items: center;
}
.orangehrm-job-selection-criteria-selected[data-v-1fa38488] {
  display: flex;
  align-items: center;
}
.orangehrm-job-selection-criteria-name[data-v-1fa38488] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.orangehrm-job-selection-icon[data-v-1fa38488] {
  margin-left: 1rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/inputs/AgeAutocomplete.vue?vue&type=style&index=0&id=f4b711fa&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-job-selection-criteria[data-v-f4b711fa] {
  display: flex;
  align-items: center;
}
.orangehrm-job-selection-criteria-selected[data-v-f4b711fa] {
  display: flex;
  align-items: center;
}
.orangehrm-job-selection-criteria-name[data-v-f4b711fa] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.orangehrm-job-selection-icon[data-v-f4b711fa] {
  margin-left: 1rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/inputs/LocationAutocomplete.vue?vue&type=style&index=0&id=1b805d71&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-job-selection-criteria[data-v-1b805d71] {
  display: flex;
  align-items: center;
}
.orangehrm-job-selection-criteria-selected[data-v-1b805d71] {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.orangehrm-job-selection-criteria-name[data-v-1b805d71] {
  margin-left: 0.5rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.orangehrm-job-selection-icon[data-v-1b805d71] {
  margin-left: 1rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/components/MatchingCard.vue?vue&type=style&index=0&id=7c1f0e0a&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-job-selection-criteria[data-v-7c1f0e0a] {
  display: flex;
  align-items: center;
}
.orangehrm-job-selection-criteria-selected[data-v-7c1f0e0a] {
  display: flex;
  align-items: baseline;
}
.orangehrm-job-selection-criteria-name[data-v-7c1f0e0a] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.orangehrm-job-selection-icon[data-v-7c1f0e0a] {
  margin-left: 1rem;
}
.orangerhrm-switch-wrapper[data-v-7c1f0e0a] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-7c1f0e0a] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-7c1f0e0a] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-7c1f0e0a] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-section-header[data-v-7c1f0e0a] {
  margin-bottom: 1rem;
}
.orangehrm-select-all[data-v-7c1f0e0a] {
  display: flex;
  justify-content: flex-end;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/inputs/CustomFieldAutocomplete.vue?vue&type=style&index=0&id=5db9aa0d&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-job-selection-criteria[data-v-5db9aa0d] {
  display: flex;
  align-items: center;
}
.orangehrm-job-selection-criteria-selected[data-v-5db9aa0d] {
  display: flex;
  align-items: center;
}
.orangehrm-job-selection-criteria-name[data-v-5db9aa0d] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.orangehrm-job-selection-icon[data-v-5db9aa0d] {
  margin-left: 1rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/components/inputs/TimeSlotAutocomplete.vue?vue&type=style&index=0&id=231e1427&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-job-selection-criteria[data-v-231e1427] {
  display: flex;
  align-items: center;
}
.orangehrm-job-selection-criteria-selected[data-v-231e1427] {
  display: flex;
  align-items: center;
}
.orangehrm-job-selection-criteria-name[data-v-231e1427] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.orangehrm-job-selection-icon[data-v-231e1427] {
  margin-left: 1rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/components/ActorCard.vue?vue&type=style&index=0&id=1fe1ba47&scoped=true&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-job-selection-criteria[data-v-1fe1ba47] {
  display: flex;
  align-items: center;
}
.orangehrm-job-selection-criteria-selected[data-v-1fe1ba47] {
  display: flex;
  align-items: baseline;
}
.orangehrm-job-selection-criteria-name[data-v-1fe1ba47] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.orangehrm-job-selection-icon[data-v-1fe1ba47] {
  margin-left: 1rem;
}
.orangerhrm-switch-wrapper[data-v-1fe1ba47] {
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 1rem;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-1fe1ba47] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-1fe1ba47] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-1fe1ba47] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-administrators-header[data-v-1fe1ba47] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/pages/courses/Courses.vue?vue&type=style&index=0&id=27e4f90b&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dialog-modal[data-v-27e4f90b] {
  z-index: 1000;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/pages/courses/OFs.vue?vue&type=style&index=0&id=aacafb22&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dialog-modal[data-v-aacafb22] {
  z-index: 1000;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/pages/jobs/jobs.vue?vue&type=style&index=0&id=10df5c8e&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dialog-modal[data-v-10df5c8e] {
  z-index: 1000;
}
.orangehrm-pagination-wrapper[data-v-10df5c8e] {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  padding: 1rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/pages/reporting/Leads.vue?vue&type=style&index=0&id=3932e0c0&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-horizontal-scroll-container[data-v-3932e0c0] {
  overflow-x: auto;
  width: 100%;
}
.orangehrm-text[data-v-3932e0c0],
.orangehrm-custom-table th[data-v-3932e0c0],
.orangehrm-custom-table td[data-v-3932e0c0] {
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #64728c;
}
.orangehrm-custom-table[data-v-3932e0c0] {
  width: 100%;
  border-collapse: collapse;
}
.orangehrm-custom-table th[data-v-3932e0c0],
.orangehrm-custom-table td[data-v-3932e0c0] {
  padding: 0.5rem 1rem;
  text-align: left;
  border: 1px solid #eaebee;
  background-color: white;
  white-space: nowrap;
  position: relative;
}
.orangehrm-custom-table th[data-v-3932e0c0] {
  font-weight: bold;
  color: #38455d;
  font-size: 14px;
  padding: 0.75rem 1rem;
  background-color: #f5f6f7;
  position: sticky;
  top: 0;
  z-index: 1;
  border-bottom: 2px solid #d8dadf;
}
.orangehrm-custom-table tbody tr td[data-v-3932e0c0] {
  background-color: white;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.orangehrm-custom-table tbody tr td.selected-cell[data-v-3932e0c0] {
  background-color: #f5f6f7;
  box-shadow: inset 0 0 0 1px var(--oxd-primary-one-color);
}
.orangehrm-custom-table tbody tr td.selected-row[data-v-3932e0c0] {
  background-color: #f5f6f7;
}
.orangehrm-header-container[data-v-3932e0c0] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5rem 1rem;
}
.orangehrm-header-left[data-v-3932e0c0] {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.export-button[data-v-3932e0c0] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 12px;
  height: 32px;
}
.export-icon[data-v-3932e0c0] {
  margin-right: 4px;
}
.orangehrm-pagination-wrapper[data-v-3932e0c0] {
  display: flex;
  align-items: center;
}
.records-count[data-v-3932e0c0] {
  font-size: 0.9rem;
  color: var(--oxd-interface-gray-color);
}
.action-column[data-v-3932e0c0] {
  width: auto;
  min-width: 60px;
  padding: 0.25rem !important;
  text-align: center !important;
}
.action-column-values[data-v-3932e0c0] {
  width: auto;
  min-width: 60px;
  padding: 0.25rem !important;
  text-align: center !important;
  display: flex;
  flex-direction: row;
  gap: 0.25rem;
  justify-content: center;
  align-items: center;
}
.action-button[data-v-3932e0c0] {
  margin: 0 auto;
}
.action-button[data-v-3932e0c0]:hover {
  color: var(--oxd-primary-one-color);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/components/FullNameInput.vue?vue&type=style&index=0&id=70720c6d&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
@media (min-width: 800px) {
[data-v-70720c6d] .--name-grouped-field {
    display: flex;
}
[data-v-70720c6d] .orangehrm-firstname {
    border-bottom-right-radius: unset;
    border-top-right-radius: unset;
    text-overflow: ellipsis;
}
[data-v-70720c6d] .orangehrm-lastname {
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
    text-overflow: ellipsis;
}
[data-v-70720c6d] .orangehrm-middlename {
    border-radius: unset;
    text-overflow: ellipsis;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/components/LeadProfile.vue?vue&type=style&index=0&id=07b1e7cf&scoped=true&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-07b1e7cf] {
  padding: 0;
}
.orangehrm-candidate-grid-checkbox .oxd-input-group[data-v-07b1e7cf] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.orangehrm-telephone-contacts-header[data-v-07b1e7cf] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/pages/studyLevel/StudyLevel.vue?vue&type=style&index=0&id=742ccaf9&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.modal-overlay[data-v-742ccaf9] {
  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;
}
.modal-container[data-v-742ccaf9] {
  background-color: #ffffff;
  border-radius: 0.5rem;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  width: 700px;
  max-width: 90%;
  z-index: 1001;
}
.modal-header[data-v-742ccaf9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  border-bottom: 1px solid var(--oxd-border-light-color);
}
.modal-header h3[data-v-742ccaf9] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
}
.modal-header .close-icon[data-v-742ccaf9] {
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  color: #666;
}
.modal-header .close-icon[data-v-742ccaf9]:hover {
  color: #333;
}
.modal-body[data-v-742ccaf9] {
  padding: 2rem;
}
.modal-footer[data-v-742ccaf9] {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  padding: 2rem;
  border-top: 1px solid var(--oxd-border-light-color);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/components/SectorCard.vue?vue&type=style&index=0&id=713b7e38&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-job-selection-criteria[data-v-713b7e38] {
  display: flex;
  align-items: center;
}
.orangehrm-job-selection-criteria-selected[data-v-713b7e38] {
  display: flex;
  align-items: baseline;
}
.orangehrm-job-selection-criteria-name[data-v-713b7e38] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.orangehrm-job-selection-icon[data-v-713b7e38] {
  margin-left: 1rem;
}
.orangerhrm-switch-wrapper[data-v-713b7e38] {
  display: flex;
  flex-direction: row;
  justify-content: start;
  gap: 1rem;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-713b7e38] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-713b7e38] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-713b7e38] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAdminPlugin/pages/source/Source.vue?vue&type=style&index=0&id=1d65baf9&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.modal-overlay[data-v-1d65baf9] {
  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;
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
}
.modal-container[data-v-1d65baf9] {
  background-color: #ffffff;
  border-radius: 0.75rem;
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  width: 500px;
  max-width: 90%;
  z-index: 1001;
  animation: modalSlideIn-1d65baf9 0.3s ease-out;
}
@keyframes modalSlideIn-1d65baf9 {
from {
    opacity: 0;
    transform: translateY(-50px) scale(0.95);
}
to {
    opacity: 1;
    transform: translateY(0) scale(1);
}
}
.modal-header[data-v-1d65baf9] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 2rem;
  border-bottom: 1px solid var(--oxd-border-light-color);
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  border-radius: 0.75rem 0.75rem 0 0;
}
.modal-header h3[data-v-1d65baf9] {
  margin: 0;
  font-size: 1.25rem;
  font-weight: 600;
  color: #495057;
  font-family: Nunito Sans, sans-serif;
}
.modal-header .close-icon[data-v-1d65baf9] {
  font-size: 1.5rem;
  font-weight: bold;
  cursor: pointer;
  color: #6c757d;
  transition: color 0.2s ease;
  width: 2rem;
  height: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.modal-header .close-icon[data-v-1d65baf9]:hover {
  color: #dc3545;
  background-color: rgba(220, 53, 69, 0.1);
}
.modal-body[data-v-1d65baf9] {
  padding: 2rem;
  background-color: #ffffff;
}
.modal-footer[data-v-1d65baf9] {
  display: flex;
  justify-content: flex-end;
  gap: 0.75rem;
  padding: 1.5rem 2rem;
  border-top: 1px solid var(--oxd-border-light-color);
  background-color: #f8f9fa;
  border-radius: 0 0 0.75rem 0.75rem;
}
[data-v-1d65baf9] .oxd-input-field .oxd-input {
  border-radius: 0.5rem;
  border: 2px solid #e9ecef;
  transition: all 0.2s ease;
}
[data-v-1d65baf9] .oxd-input-field .oxd-input:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
[data-v-1d65baf9] .oxd-input-field .oxd-label {
  font-weight: 500;
  color: #495057;
}
[data-v-1d65baf9] .oxd-button {
  border-radius: 0.5rem;
  font-weight: 500;
  transition: all 0.2s ease;
}
[data-v-1d65baf9] .oxd-button.oxd-button--secondary {
  background: linear-gradient(135deg, #a7df73 0%, #76bc21 100%);
  border: none;
}
[data-v-1d65baf9] .oxd-button.oxd-button--secondary:hover {
  transform: translateY(-1px);
  box-shadow: 0 0.5rem 1rem rgba(118, 188, 33, 0.3);
}
[data-v-1d65baf9] .oxd-button.oxd-button--ghost:hover {
  background-color: rgba(108, 117, 125, 0.1);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/components/ProfileImageInput.vue?vue&type=style&index=0&id=555cf975&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.employee-image[data-v-555cf975] {
  height: 8rem;
}
.orangehrm-input-hint[data-v-555cf975] {
  margin: 0 auto;
  text-align: center;
}
[data-v-555cf975] .oxd-file-div {
  margin: 0 auto;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  width: 8rem !important;
  height: 8rem !important;
  border-radius: 100% !important;
  border: 1px solid #e8eaef;
}
.employee-image-wrapper[data-v-555cf975] {
  height: 90%;
  width: 90%;
  display: flex;
  overflow: hidden;
  border-radius: 100%;
  justify-content: center;
  align-items: flex-start;
  border: 1px solid #e8eaef;
}
.employee-image-action[data-v-555cf975] {
  right: 0;
  bottom: 0;
  position: absolute;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=5cd567fb&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-5cd567fb] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-5cd567fb] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-5cd567fb] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-5cd567fb] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-5cd567fb] {
  flex: 1 1 75%;
}
.user-form-header[data-v-5cd567fb] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-5cd567fb] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-5cd567fb] .--status-grouped-field {
  display: flex;
}
[data-v-5cd567fb] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-5cd567fb] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-5cd567fb] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-5cd567fb] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-5cd567fb] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-5cd567fb] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-5cd567fb] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-5cd567fb] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-5cd567fb] .employee-image {
  height: 12rem;
}
[data-v-5cd567fb] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-5cd567fb] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-5cd567fb] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-5cd567fb] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-5cd567fb] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-5cd567fb] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-5cd567fb] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=0c7d31de&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-0c7d31de] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-0c7d31de] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-0c7d31de] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-0c7d31de] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-0c7d31de] {
  flex: 1 1 75%;
}
.user-form-header[data-v-0c7d31de] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-0c7d31de] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-0c7d31de] .--status-grouped-field {
  display: flex;
}
[data-v-0c7d31de] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-0c7d31de] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-0c7d31de] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-0c7d31de] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-0c7d31de] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-0c7d31de] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-0c7d31de] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-0c7d31de] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-0c7d31de] .employee-image {
  height: 12rem;
}
[data-v-0c7d31de] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-0c7d31de] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-0c7d31de] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-0c7d31de] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-0c7d31de] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-0c7d31de] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-0c7d31de] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/components/TabsNavigation.vue?vue&type=style&index=0&id=f1484a76&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-tabs[data-v-f1484a76] {
  display: flex;
  flex-wrap: nowrap;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-tabs-wrapper[data-v-f1484a76] {
  display: flex;
}
.orangehrm-tabs-item[data-v-f1484a76] {
  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", sans-serif;
  font-weight: 700;
}
@media (min-width: 0px) {
.orangehrm-tabs-item[data-v-f1484a76] {
    margin-right: 0.25rem;
    background-color: #f6f5fb;
    white-space: nowrap;
}
.orangehrm-tabs-item.--active[data-v-f1484a76], .orangehrm-tabs-item[data-v-f1484a76]:hover {
    background-color: var(--oxd-primary-one-color);
    color: #ffffff;
}
}
@media (min-width: 800px) {
.orangehrm-tabs-item[data-v-f1484a76] {
    margin-right: unset;
    margin-bottom: 0.25rem;
    background-color: unset;
    white-space: wrap;
}
.orangehrm-tabs-item.--active[data-v-f1484a76], .orangehrm-tabs-item[data-v-f1484a76]:hover {
    background-color: #f6f5fb;
    color: #64728c;
}
}
@media (min-width: 0px) {
.orangehrm-tabs[data-v-f1484a76] {
    flex-direction: row;
    overflow: scroll hidden;
    padding-bottom: 5px;
}
}
@media (min-width: 800px) {
.orangehrm-tabs[data-v-f1484a76] {
    flex-direction: column;
    overflow: visible;
    padding-bottom: unset;
}
}
.orangehrm-tabs[data-v-f1484a76]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-tabs[data-v-f1484a76]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-tabs[data-v-f1484a76]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-tabs[data-v-f1484a76] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/components/EditEmployeeLayout.vue?vue&type=style&index=0&id=2b0d8d35&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-2b0d8d35] {
  padding: unset;
}
.orangehrm-edit-employee[data-v-2b0d8d35] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-edit-employee[data-v-2b0d8d35] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee[data-v-2b0d8d35] {
    flex-direction: row;
}
}
.orangehrm-edit-employee-navigation[data-v-2b0d8d35] {
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-navigation[data-v-2b0d8d35] {
    width: 220px;
}
}
.orangehrm-edit-employee-content[data-v-2b0d8d35] {
  flex: 1;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-content[data-v-2b0d8d35] {
    border-left: 1px solid #e8eaef;
}
}
.orangehrm-edit-employee-name[data-v-2b0d8d35] {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  word-break: break-word;
}
.orangehrm-edit-employee-name .--strong[data-v-2b0d8d35] {
  font-weight: 700;
  font-size: 1.2rem;
}
.orangehrm-edit-employee-image-wrapper[data-v-2b0d8d35] {
  padding-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-image-wrapper[data-v-2b0d8d35] {
    padding-top: 1.2rem;
}
}
.orangehrm-edit-employee-image[data-v-2b0d8d35] {
  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-2b0d8d35] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-edit-employee-imagesection[data-v-2b0d8d35] {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee-imagesection[data-v-2b0d8d35] {
    flex-direction: column;
    justify-content: center;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=f6003d58&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-f6003d58] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-f6003d58] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-f6003d58] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-f6003d58] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-f6003d58] {
  flex: 1 1 75%;
}
.user-form-header[data-v-f6003d58] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-f6003d58] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-f6003d58] .--status-grouped-field {
  display: flex;
}
[data-v-f6003d58] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-f6003d58] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-f6003d58] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-f6003d58] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-f6003d58] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-f6003d58] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-f6003d58] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-f6003d58] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-f6003d58] .employee-image {
  height: 12rem;
}
[data-v-f6003d58] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-f6003d58] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-f6003d58] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-f6003d58] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-f6003d58] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-f6003d58] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-f6003d58] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=15f06c80&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-15f06c80] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-15f06c80] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-15f06c80] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-15f06c80] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-15f06c80] {
  flex: 1 1 75%;
}
.user-form-header[data-v-15f06c80] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-15f06c80] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-15f06c80] .--status-grouped-field {
  display: flex;
}
[data-v-15f06c80] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-15f06c80] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-15f06c80] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-15f06c80] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-15f06c80] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-15f06c80] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-15f06c80] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-15f06c80] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-15f06c80] .employee-image {
  height: 12rem;
}
[data-v-15f06c80] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-15f06c80] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-15f06c80] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-15f06c80] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-15f06c80] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-15f06c80] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-15f06c80] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/components/ProfileActionHeader.vue?vue&type=style&index=0&id=b5e5cdae&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-action-header[data-v-b5e5cdae] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
}
.orangehrm-action-header button[data-v-b5e5cdae] {
  margin-left: 1rem;
  white-space: nowrap;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=4ee50214&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-4ee50214] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-4ee50214] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-4ee50214] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-4ee50214] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-4ee50214] {
  flex: 1 1 75%;
}
.user-form-header[data-v-4ee50214] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-4ee50214] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-4ee50214] .--status-grouped-field {
  display: flex;
}
[data-v-4ee50214] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-4ee50214] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-4ee50214] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-4ee50214] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-4ee50214] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-4ee50214] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-4ee50214] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-4ee50214] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-4ee50214] .employee-image {
  height: 12rem;
}
[data-v-4ee50214] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-4ee50214] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-4ee50214] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-4ee50214] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-4ee50214] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-4ee50214] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-4ee50214] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=26551413&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-26551413] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-26551413] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-26551413] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-26551413] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-26551413] {
  flex: 1 1 75%;
}
.user-form-header[data-v-26551413] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-26551413] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-26551413] .--status-grouped-field {
  display: flex;
}
[data-v-26551413] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-26551413] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-26551413] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-26551413] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-26551413] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-26551413] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-26551413] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-26551413] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-26551413] .employee-image {
  height: 12rem;
}
[data-v-26551413] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-26551413] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-26551413] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-26551413] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-26551413] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-26551413] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-26551413] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/components/SaveSalaryComponent.vue?vue&type=style&index=0&id=7f10e293&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.directdeposit-form-header[data-v-7f10e293] {
  display: flex;
  padding: 1rem;
}
.directdeposit-form-header-text[data-v-7f10e293] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/components/EditSalaryComponent.vue?vue&type=style&index=0&id=1aba6e34&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.directdeposit-form-header[data-v-1aba6e34] {
  display: flex;
  padding: 1rem;
}
.directdeposit-form-header-text[data-v-1aba6e34] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=1927b2af&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-1927b2af] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-1927b2af] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-1927b2af] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-1927b2af] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-1927b2af] {
  flex: 1 1 75%;
}
.user-form-header[data-v-1927b2af] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-1927b2af] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-1927b2af] .--status-grouped-field {
  display: flex;
}
[data-v-1927b2af] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-1927b2af] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-1927b2af] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-1927b2af] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-1927b2af] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-1927b2af] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-1927b2af] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-1927b2af] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-1927b2af] .employee-image {
  height: 12rem;
}
[data-v-1927b2af] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-1927b2af] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-1927b2af] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-1927b2af] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-1927b2af] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-1927b2af] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-1927b2af] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=7ac9cd9c&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-7ac9cd9c] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-7ac9cd9c] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-7ac9cd9c] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-7ac9cd9c] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-7ac9cd9c] {
  flex: 1 1 75%;
}
.user-form-header[data-v-7ac9cd9c] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-7ac9cd9c] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-7ac9cd9c] .--status-grouped-field {
  display: flex;
}
[data-v-7ac9cd9c] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-7ac9cd9c] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-7ac9cd9c] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-7ac9cd9c] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-7ac9cd9c] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-7ac9cd9c] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-7ac9cd9c] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-7ac9cd9c] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-7ac9cd9c] .employee-image {
  height: 12rem;
}
[data-v-7ac9cd9c] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-7ac9cd9c] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-7ac9cd9c] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-7ac9cd9c] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-7ac9cd9c] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-7ac9cd9c] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-7ac9cd9c] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=0843cb54&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-0843cb54] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-0843cb54] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-0843cb54] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-0843cb54] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-0843cb54] {
  flex: 1 1 75%;
}
.user-form-header[data-v-0843cb54] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-0843cb54] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-0843cb54] .--status-grouped-field {
  display: flex;
}
[data-v-0843cb54] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-0843cb54] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-0843cb54] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-0843cb54] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-0843cb54] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-0843cb54] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-0843cb54] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-0843cb54] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-0843cb54] .employee-image {
  height: 12rem;
}
[data-v-0843cb54] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-0843cb54] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.orangerhrm-switch-wrapper[data-v-0843cb54] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-0843cb54] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-0843cb54] {
    max-width: 100%;
}
}
.orangehrm-text[data-v-0843cb54] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.top-form-actions[data-v-0843cb54] {
  margin-top: 0.5rem;
  justify-content: flex-start;
  display: flex;
  flex-wrap: nowrap;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/customField/customField.scss?vue&type=style&index=0&id=89643f1c&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-custom-field-title[data-v-89643f1c] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-custom-field-title[data-v-89643f1c] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.orangehrm-custom-field-title .--infotext[data-v-89643f1c] {
    margin-right: 1rem;
}
}
.select-options-hint[data-v-89643f1c] {
  font-size: 0.75rem;
  margin-top: -0.625rem;
}
.--infotext[data-v-89643f1c] {
  font-size: 0.875rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/customField/customField.scss?vue&type=style&index=0&id=9df6f6f0&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-custom-field-title[data-v-9df6f6f0] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-custom-field-title[data-v-9df6f6f0] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.orangehrm-custom-field-title .--infotext[data-v-9df6f6f0] {
    margin-right: 1rem;
}
}
.select-options-hint[data-v-9df6f6f0] {
  font-size: 0.75rem;
  margin-top: -0.625rem;
}
.--infotext[data-v-9df6f6f0] {
  font-size: 0.875rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/customField/customField.scss?vue&type=style&index=0&id=f8970696&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-custom-field-title[data-v-f8970696] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-custom-field-title[data-v-f8970696] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.orangehrm-custom-field-title .--infotext[data-v-f8970696] {
    margin-right: 1rem;
}
}
.select-options-hint[data-v-f8970696] {
  font-size: 0.75rem;
  margin-top: -0.625rem;
}
.--infotext[data-v-f8970696] {
  font-size: 0.875rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/pages/optionalField/OptionalField.vue?vue&type=style&index=0&id=27ee3e94&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-optional-field-row[data-v-27ee3e94] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-optional-field-label[data-v-27ee3e94] {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  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%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/components/EmployeeDataImportModal.vue?vue&type=style&index=0&id=4e1cc76d&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-4e1cc76d] {
  display: flex;
  margin-bottom: 1.2rem;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-4e1cc76d] {
  display: flex;
  margin-top: 1.2rem;
  justify-content: center;
}
.orangehrm-text-center-align[data-v-4e1cc76d] {
  text-align: center;
  overflow-wrap: break-word;
}
[data-v-4e1cc76d] .orangehrm-dialog-popup {
  width: 450px;
}
.orangehrm-success-message[data-v-4e1cc76d] {
  color: #34bc40;
}
.orangehrm-error-message[data-v-4e1cc76d] {
  color: #eb0910;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/pages/dataImport/EmployeeDataImport.vue?vue&type=style&index=0&id=47bb8a68&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-information-card-container[data-v-47bb8a68] {
  background-color: #e8eaef;
  border-radius: 1.2rem;
  padding: 1.2rem;
}
.orangehrm-information-card-text[data-v-47bb8a68] {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}
.orangehrm-information-card-text .download-link[data-v-47bb8a68] {
  color: var(--oxd-primary-one-color);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/components/ReportCriterionAutocomplete.vue?vue&type=style&index=0&id=3303df52&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-3303df52] .oxd-input-group__label-wrapper {
  display: none;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/components/ReportCriterionSelect.vue?vue&type=style&index=0&id=70b5ffe6&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-70b5ffe6] .oxd-input-group__label-wrapper {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/components/ReportCriterionRange.vue?vue&type=style&index=0&id=bfb4067a&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-range[data-v-bfb4067a] {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.orangehrm-report-range-text[data-v-bfb4067a] {
  margin: 0 1rem;
  font-size: 12px;
}
[data-v-bfb4067a] .oxd-input-group__label-wrapper {
  display: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/components/ReportCriterionDateRange.vue?vue&type=style&index=0&id=6aeb89b5&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-daterange[data-v-6aeb89b5] {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.orangehrm-report-range-text[data-v-6aeb89b5] {
  margin: 0 1rem;
  font-size: 12px;
}
[data-v-6aeb89b5] .oxd-input-group__label-wrapper {
  display: none;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/components/ReportCriterion.vue?vue&type=style&index=0&id=21384b6c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-criteria[data-v-21384b6c] {
  display: flex;
  align-items: baseline;
}
.orangehrm-report-criteria-name[data-v-21384b6c] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPimPlugin/components/ReportDisplayField.vue?vue&type=style&index=0&id=02b700bf&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-field[data-v-02b700bf] {
  display: flex;
  align-items: center;
}
.orangehrm-report-field-name[data-v-02b700bf] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.orangehrm-report-field-header[data-v-02b700bf] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/reports/employee-report.scss?vue&type=style&index=0&id=e9fd73e0&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-criteria[data-v-e9fd73e0] {
  display: flex;
  align-items: center;
}
.orangehrm-report-icon[data-v-e9fd73e0] {
  margin-left: 1rem;
}
[data-v-e9fd73e0] .oxd-chip .oxd-icon {
  align-self: center;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/reports/employee-report.scss?vue&type=style&index=0&id=c1806d46&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-criteria[data-v-c1806d46] {
  display: flex;
  align-items: center;
}
.orangehrm-report-icon[data-v-c1806d46] {
  margin-left: 1rem;
}
[data-v-c1806d46] .oxd-chip .oxd-icon {
  align-self: center;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPimPlugin/pages/updatePassword/update-password.scss?vue&type=style&index=0&id=3046a3de&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-user-name[data-v-3046a3de] {
  font-size: 12px;
  padding: 0.675rem 0rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmHelpPlugin/pages/ViewSupport.vue?vue&type=style&index=0&id=651c5472&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-support-text[data-v-651c5472] {
  font-size: 12px;
}
.orangehrm-support[data-v-651c5472] {
  padding: 1rem 0;
}
.orangehrm-support-channel[data-v-651c5472] {
  grid-template-columns: 50px 1fr;
  align-items: center;
}
.orangehrm-support-channel img[data-v-651c5472] {
  width: 40px;
  height: 40px;
}
.orangehrm-support-link[data-v-651c5472] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmTimePlugin/components/ActivityDropdown.vue?vue&type=style&index=0&id=64fb02f8&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmTimePlugin/components/ProjectAutocomplete.vue?vue&type=style&index=0&id=09a66399&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmTimePlugin/components/TimesheetCommentModal.vue?vue&type=style&index=0&id=23f5c450&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-timesheet-grid[data-v-23f5c450] {
  width: 100%;
  padding: 0 0.625rem;
  grid-template-columns: 100px 1fr;
  margin-bottom: 1rem;
}
.orangehrm-timesheet-title[data-v-23f5c450], .orangehrm-timesheet-text[data-v-23f5c450] {
  word-break: break-word;
  font-size: 12px;
}
.orangehrm-timesheet-title[data-v-23f5c450] {
  font-weight: 700;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmTimePlugin/components/timesheet.scss?vue&type=style&index=0&id=d51247ac&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-timesheet-header[data-v-d51247ac], .orangehrm-timesheet-footer[data-v-d51247ac] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-timesheet-header[data-v-d51247ac] {
  gap: 0.4rem;
  flex-direction: column;
  border-bottom: 1px solid #e8eaef;
}
.orangehrm-timesheet-header--title[data-v-d51247ac] {
  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-d51247ac] {
    flex-direction: row;
}
.orangehrm-timesheet-header--title[data-v-d51247ac] {
    width: unset;
    border-bottom: unset;
}
}
.orangehrm-timesheet-header--options[data-v-d51247ac] {
  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-d51247ac] {
    width: unset;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
}
.orangehrm-timesheet-footer[data-v-d51247ac] {
  padding: 0.6rem 1.2rem;
  border-top: 1px solid #e8eaef;
}
.orangehrm-timesheet-footer--options[data-v-d51247ac] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-timesheet-footer--options[data-v-d51247ac] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-timesheet-footer--options[data-v-d51247ac] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-timesheet-footer--options[data-v-d51247ac] .oxd-button--medium {
    width: unset;
}
}
.orangehrm-timesheet-body[data-v-d51247ac] {
  overflow-x: auto;
}
.orangehrm-timesheet-body-message[data-v-d51247ac] {
  padding: 0.6rem 1.2rem;
}
.orangehrm-timesheet-table[data-v-d51247ac] {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 600px) {
.orangehrm-timesheet-table .--freeze-left[data-v-d51247ac],
  .orangehrm-timesheet-table .--freeze-right[data-v-d51247ac] {
    position: sticky;
    background-color: #ffffff;
    z-index: 209;
}
.orangehrm-timesheet-table .--freeze-left[data-v-d51247ac]::after,
  .orangehrm-timesheet-table .--freeze-right[data-v-d51247ac]::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
}
.orangehrm-timesheet-table .--freeze-left[data-v-d51247ac] {
    left: 0;
}
.orangehrm-timesheet-table .--freeze-left[data-v-d51247ac]::after {
    right: 0;
    border-right: 1px solid #e8eaef;
}
.orangehrm-timesheet-table .--freeze-right[data-v-d51247ac] {
    right: 0;
}
.orangehrm-timesheet-table .--freeze-right[data-v-d51247ac]::after {
    left: 0;
    border-left: 1px solid #e8eaef;
}
}
.orangehrm-timesheet-table-header-cell[data-v-d51247ac] {
  padding: 1rem 1.2rem;
  font-weight: 700;
}
.orangehrm-timesheet-table-header-cell.--center[data-v-d51247ac] {
  text-align: center;
}
.orangehrm-timesheet-table-header-row[data-v-d51247ac] {
  border-bottom: 1px solid #e8eaef;
}
.orangehrm-timesheet-table-header .--day[data-v-d51247ac] {
  display: block;
  font-size: 16px;
}
.orangehrm-timesheet-table-body-cell[data-v-d51247ac] {
  position: relative;
  max-width: 150px;
  padding: 1rem 1.2rem;
}
.orangehrm-timesheet-table-body-cell.--highlight[data-v-d51247ac] {
  font-weight: 700;
  background-color: #cfd3de;
}
.orangehrm-timesheet-table-body-cell.--highlight-2[data-v-d51247ac] {
  font-weight: 700;
  color: #ffffff;
  background-color: #929baa;
}
.orangehrm-timesheet-table-body-cell.--highlight-3[data-v-d51247ac] {
  background-color: #f6f5fb;
}
.orangehrm-timesheet-table-body-cell.--flex[data-v-d51247ac] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.orangehrm-timesheet-table-body-cell.--center[data-v-d51247ac] {
  text-align: center;
}
.orangehrm-timesheet-table-body-row[data-v-d51247ac] {
  vertical-align: baseline;
  border-bottom: 1px solid #e8eaef;
}
.orangehrm-timesheet-table-body-row.--total[data-v-d51247ac] {
  background-color: #cfd3de;
}
.orangehrm-timesheet-table.--editable tr[data-v-d51247ac] {
  border: unset;
}
.orangehrm-timesheet-table.--editable th[data-v-d51247ac],
.orangehrm-timesheet-table.--editable td[data-v-d51247ac] {
  padding: 0.5rem 1rem;
}
.orangehrm-timesheet-table.--editable th.--duration-input[data-v-d51247ac],
.orangehrm-timesheet-table.--editable td.--duration-input[data-v-d51247ac] {
  padding: 0.5rem 0.25rem;
}
.orangehrm-timesheet-icon-comment[data-v-d51247ac] {
  top: -5px;
  right: -5px;
  z-index: 2;
  position: absolute;
}
.orangehrm-timesheet-loader[data-v-d51247ac] {
  width: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  z-index: 200;
}
.oxd-input-group[data-v-d51247ac] {
  margin-bottom: 0;
}
[data-v-d51247ac] .oxd-input-group__label-wrapper {
  display: none;
}
[data-v-d51247ac] .oxd-input {
  min-width: 50px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmTimePlugin/components/timesheet-period.scss?vue&type=style&index=0&id=b4571fea&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-timeperiod-picker[data-v-b4571fea] {
  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-b4571fea] {
    grid-template: "title prev picker next"/auto auto minmax(240px, max-content) auto;
}
}
.orangehrm-timeperiod-title[data-v-b4571fea] {
  text-align: center;
  font-size: 12px;
  grid-area: title;
}
.orangehrm-timeperiod-icon.--prev[data-v-b4571fea] {
  grid-area: prev;
}
.orangehrm-timeperiod-icon.--next[data-v-b4571fea] {
  grid-area: next;
}
.oxd-input-group[data-v-b4571fea] {
  margin-bottom: 0;
  grid-area: picker;
}
[data-v-b4571fea] .oxd-input-group__label-wrapper {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmTimePlugin/pages/timesheets/EditTimeSheet.vue?vue&type=style&index=0&id=317255f6&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-timeperiod-title[data-v-317255f6] {
  font-size: 12px;
  margin-right: 10px;
}
.orangehrm-form-hint[data-v-317255f6] {
  margin-right: auto;
  font-weight: 600;
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmTimePlugin/components/ProjectAdminAutocomplete.vue?vue&type=style&index=0&id=1d388a76&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-project-admin-input[data-v-1d388a76] {
  display: flex;
  align-items: flex-start;
}
.orangehrm-project-admin-input[data-v-1d388a76] .oxd-input-group__label-wrapper:empty {
  display: none;
}
.orangehrm-project-delete-icon[data-v-1d388a76] {
  margin-left: 1rem;
  margin-top: 1rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmTimePlugin/components/CopyActivityModal.vue?vue&type=style&index=0&id=b71c953e&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-activites-container[data-v-b71c953e] {
  max-height: 180px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-activites-container[data-v-b71c953e]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-activites-container[data-v-b71c953e]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-activites-container[data-v-b71c953e]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-activites-container[data-v-b71c953e] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
[data-v-b71c953e] .oxd-checkbox-wrapper {
  word-break: break-word;
}
[data-v-b71c953e] .oxd-checkbox-wrapper .oxd-checkbox-input {
  flex-shrink: 0;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmTimePlugin/components/Activities.vue?vue&type=style&index=0&id=e56dc7b6&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-main-actions[data-v-e56dc7b6] {
  gap: 0.4rem;
  display: flex;
  flex-direction: column;
}
.orangehrm-main-actions[data-v-e56dc7b6] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-main-actions[data-v-e56dc7b6] {
    flex-direction: row;
}
.orangehrm-main-actions[data-v-e56dc7b6] .oxd-button--medium {
    width: unset;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmTimePlugin/components/TimesheetPendingActions.vue?vue&type=style&index=0&id=530cfd30&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-530cfd30] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-530cfd30] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmTimePlugin/pages/reports/time-reports.scss?vue&type=style&index=0&id=1524c69b&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-switch-filter[data-v-1524c69b] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-switch-filter-text[data-v-1524c69b] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmTimePlugin/pages/reports/time-reports.scss?vue&type=style&index=0&id=7d01ece0&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-switch-filter[data-v-7d01ece0] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-switch-filter-text[data-v-7d01ece0] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmTimePlugin/pages/reports/time-reports.scss?vue&type=style&index=0&id=6ecc3bea&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-switch-filter[data-v-6ecc3bea] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-switch-filter-text[data-v-6ecc3bea] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmLeavePlugin/pages/configure/LeavePeriod.vue?vue&type=style&index=0&id=d08e917e&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-duration[data-v-d08e917e] {
  padding: 0.675rem 0rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmLeavePlugin/components/LeaveDurationInput.vue?vue&type=style&index=0&id=6c43d156&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-duration[data-v-6c43d156] {
  padding: 0.675rem 0rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmLeavePlugin/components/leave-balance-modal.scss?vue&type=style&index=0&id=0111cd42&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-balance-text[data-v-0111cd42] {
  font-size: 12px;
  margin-bottom: 0.25rem;
}
.orangehrm-container[data-v-0111cd42] {
  padding: 0.5rem 0;
  max-height: 165px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-0111cd42]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-0111cd42]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-0111cd42]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-0111cd42] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmLeavePlugin/components/leave-balance-modal.scss?vue&type=style&index=0&id=117e8cff&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-balance-text[data-v-117e8cff] {
  font-size: 12px;
  margin-bottom: 0.25rem;
}
.orangehrm-container[data-v-117e8cff] {
  padding: 0.5rem 0;
  max-height: 165px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-117e8cff]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-117e8cff]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-117e8cff]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-117e8cff] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmLeavePlugin/components/LeaveBalance.vue?vue&type=style&index=0&id=145f25db&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-balance[data-v-145f25db] {
  display: flex;
  align-items: center;
}
.orangehrm-leave-balance .--help[data-v-145f25db] {
  margin-left: 5px;
}
.orangehrm-leave-balance-text[data-v-145f25db] {
  padding: 0.675rem 0rem;
}
.orangehrm-leave-balance-text.--error[data-v-145f25db] {
  color: #eb0910;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmLeavePlugin/components/LeaveTypeDropdown.vue?vue&type=style&index=0&id=727c0f08&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmLeavePlugin/components/LeaveAssignConfirmModal.vue?vue&type=style&index=0&id=7dbede2d&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmLeavePlugin/components/EntitlementSituationalModal.vue?vue&type=style&index=0&id=6213558b&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-6213558b] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-6213558b] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-text-center-align[data-v-6213558b] {
  text-align: center;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmLeavePlugin/pages/leaveType/leave-type.scss?vue&type=style&index=0&id=0fba9ebb&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-0fba9ebb] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.label-is-entitlement-situational[data-v-0fba9ebb] {
  display: flex;
  align-items: center;
}
.label-is-entitlement-situational .--help[data-v-0fba9ebb] {
  margin-left: 5px;
}
.modal-container[data-v-0fba9ebb] {
  width: 90%;
  max-width: 500px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmLeavePlugin/pages/leaveType/leave-type.scss?vue&type=style&index=0&id=2874be28&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-2874be28] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.label-is-entitlement-situational[data-v-2874be28] {
  display: flex;
  align-items: center;
}
.label-is-entitlement-situational .--help[data-v-2874be28] {
  margin-left: 5px;
}
.modal-container[data-v-2874be28] {
  width: 90%;
  max-width: 500px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmLeavePlugin/components/EntitlementUpdateModal.vue?vue&type=style&index=0&id=1d01072d&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmLeavePlugin/components/EntitlementBulkUpdateModal.vue?vue&type=style&index=0&id=ef54318a&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-ef54318a] {
  max-height: 165px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-ef54318a]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-ef54318a]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-ef54318a]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-ef54318a] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmLeavePlugin/components/EntitlementNoMatchModal.vue?vue&type=style&index=0&id=bbc744e0&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmLeavePlugin/pages/entitlements/add-entitlement.scss?vue&type=style&index=0&id=564f4d32&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-564f4d32] .--grouped-field {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 800px) {
[data-v-564f4d32] .--grouped-field {
    flex-wrap: nowrap;
}
[data-v-564f4d32] .--grouped-field .oxd-input-group {
    flex-shrink: 0;
}
}
.orangehrm-leave-entitled[data-v-564f4d32] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-leave-entitled-text[data-v-564f4d32] {
    margin-bottom: 1.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-leave-entitled-text[data-v-564f4d32] {
    margin-bottom: unset;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmLeavePlugin/pages/configure/holiday/holiday.scss?vue&type=style&index=0&id=78940dcd&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-78940dcd] .--status-grouped-field {
  display: flex;
  max-width: 13rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmLeavePlugin/pages/configure/holiday/holiday.scss?vue&type=style&index=0&id=ea2211c0&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-ea2211c0] .--status-grouped-field {
  display: flex;
  max-width: 13rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmLeavePlugin/components/leave-comment.scss?vue&type=style&index=0&id=a0c9a844&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-comment[data-v-a0c9a844] {
  box-sizing: border-box;
  padding: 0.5rem 0.5rem 0 0;
  display: flex;
}
.orangehrm-comment-profile-image-wrapper[data-v-a0c9a844] {
  margin-right: 0.5rem;
}
.orangehrm-comment-profile-image[data-v-a0c9a844] {
  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-a0c9a844] {
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.orangehrm-comment-message[data-v-a0c9a844] {
  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-a0c9a844] {
  text-align: right;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmLeavePlugin/components/leave-comment-modal.scss?vue&type=style&index=0&id=09a52750&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-content[data-v-09a52750] {
  max-height: 200px;
  overflow: hidden auto;
  margin: 0.5rem 0;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-modal-content[data-v-09a52750]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-modal-content[data-v-09a52750]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-modal-content[data-v-09a52750]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-modal-content[data-v-09a52750] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmLeavePlugin/components/LeaveBulkActionModal.vue?vue&type=style&index=0&id=4ee5adb8&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmLeavePlugin/components/LeaveListTableHeader.vue?vue&type=style&index=0&id=31fc27fc&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container .actions[data-v-31fc27fc] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.orangehrm-header-container span[data-v-31fc27fc] {
  margin-right: 20px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmLeavePlugin/components/LeaveListTable.vue?vue&type=style&index=0&id=26e16d0f&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-26e16d0f] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-26e16d0f] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmLeavePlugin/pages/LeaveList.vue?vue&type=style&index=0&id=26a65187&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-filter[data-v-26a65187] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-leave-filter-text[data-v-26a65187] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmLeavePlugin/pages/LeaveRequest.vue?vue&type=style&index=0&id=0f29ea94&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-bottom-container[data-v-0f29ea94] {
  align-items: center;
  justify-content: space-between;
}
.orangehrm-request-details-text[data-v-0f29ea94] {
  font-size: 12px;
}
[data-v-0f29ea94] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-0f29ea94] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmLeavePlugin/pages/reports/leave-entitlement-report.scss?vue&type=style&index=0&id=c7e24510&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-c7e24510] .--grouped-field {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 800px) {
[data-v-c7e24510] .--grouped-field {
    flex-wrap: nowrap;
}
}
.orangehrm-leave-filter[data-v-c7e24510] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-leave-filter-text[data-v-c7e24510] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmCoreOAuthPlugin/pages/registerOAuthClient/oauth-client.scss?vue&type=style&index=0&id=71124d88&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-field-row[data-v-71124d88] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-field-label[data-v-71124d88] {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  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%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAuthenticationPlugin/components/login-layout.scss?vue&type=style&index=0&id=dc91dc1e&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-layout[data-v-dc91dc1e] {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-width: 0px) {
.orangehrm-login-layout[data-v-dc91dc1e] {
    background-color: #f1f2f5;
}
}
@media (min-width: 800px) {
.orangehrm-login-layout[data-v-dc91dc1e] {
    background-color: var(--oxd-primary-one-color);
}
}
.orangehrm-login-layout-blob[data-v-dc91dc1e] {
  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-dc91dc1e]::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-dc91dc1e] {
    background-image: url(../img/blob.svg);
    background-repeat: no-repeat;
    background-size: 80% 100%;
}
}
.orangehrm-login-container[data-v-dc91dc1e] {
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-login-container[data-v-dc91dc1e] {
    width: 80%;
}
}
.orangehrm-login-logo[data-v-dc91dc1e] {
  position: absolute;
  right: 15%;
  padding: 1rem;
  background-color: #f6f5fb;
  border-radius: 100%;
  display: none;
}
.orangehrm-login-logo img[data-v-dc91dc1e] {
  width: 10rem;
}
@media (min-width: 800px) {
.orangehrm-login-logo[data-v-dc91dc1e] {
    display: block;
}
}
.orangehrm-login-slot-wrapper[data-v-dc91dc1e] {
  padding: 1rem 2rem;
  width: inherit;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper[data-v-dc91dc1e] {
    padding: 1rem 10rem;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-dc91dc1e] {
  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-dc91dc1e] {
  width: 5rem;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-dc91dc1e] {
    display: none;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-slot[data-v-dc91dc1e] {
  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-dc91dc1e] {
    background-color: transparent;
    padding: unset;
}
}
.orangehrm-login-branding[data-v-dc91dc1e] {
  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-dc91dc1e] {
  width: 100%;
  max-width: 180px;
  height: auto;
  max-height: 65px;
}
@media (min-width: 800px) {
.orangehrm-login-branding[data-v-dc91dc1e] {
    width: 80%;
    max-width: 520px;
}
}
.orangehrm-login-social[data-v-dc91dc1e] {
  padding: 1rem 0;
}
.orangehrm-login-social-text[data-v-dc91dc1e] {
  text-align: center;
  margin-bottom: 1rem;
}
.orangehrm-login-social-icons[data-v-dc91dc1e] {
  display: flex;
  justify-content: center;
}
.orangehrm-login-social-icons .--loginwith[data-v-dc91dc1e] {
  margin: 0 0.25rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmCoreOAuthPlugin/pages/oauth/oauth-authorize.scss?vue&type=style&index=0&id=7d662172&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-7d662172] {
  box-shadow: 3px 3px 10px #929baa;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-7d662172] {
    width: 100%;
}
}
.orangehrm-oauth-container[data-v-7d662172] {
  display: flex;
  width: inherit;
  height: inherit;
  padding: 1rem 2rem;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-oauth-container[data-v-7d662172] {
    margin: 0 auto;
    max-width: 450px;
}
}
.orangehrm-oauth-branding[data-v-7d662172] {
  box-shadow: none;
}
.orangehrm-oauth-list[data-v-7d662172] {
  padding-left: 1rem;
}
.orangehrm-oauth-list li[data-v-7d662172] {
  padding-bottom: 10px;
}
.orangehrm-oauth-button[data-v-7d662172] {
  flex: 1;
}
.orangehrm-oauth-button[data-v-7d662172]:nth-child(2) {
  margin-top: 0.5rem;
}
@media (min-width: 800px) {
.orangehrm-oauth-button[data-v-7d662172]:nth-child(2) {
    margin: 0;
    margin-left: 0.5rem;
}
}
.orangehrm-oauth-button-container[data-v-7d662172] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-oauth-button-container[data-v-7d662172] {
    flex-direction: row;
}
}
.orangehrm-oauth-error[data-v-7d662172] {
  padding-left: 1rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAttendancePlugin/components/record-attendance.scss?vue&type=style&index=0&id=7b74a66e&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-attendance-punchedIn-timezone[data-v-7b74a66e] {
  color: #929baa;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAttendancePlugin/pages/edit-attendance.scss?vue&type=style&index=0&id=17fdc613&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-text--subtitle-2[data-v-17fdc613] {
  font-weight: 600;
}
.no-gap[data-v-17fdc613] {
  grid-gap: unset;
}
.orangehrm-header[data-v-17fdc613] {
  display: flex;
}
.orangehrm-header-total[data-v-17fdc613] {
  margin-left: auto;
}
.orangehrm-punch-out-record[data-v-17fdc613] {
  padding-top: 0.5rem;
  box-sizing: border-box;
  border-top: 1px solid #e8eaef;
}
@media (min-width: 800px) {
.orangehrm-punch-out-record[data-v-17fdc613] {
    border: unset;
    padding-top: unset;
    border-left: 1px solid #e8eaef;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAttendancePlugin/components/RecordCell.vue?vue&type=style&index=0&id=c13183b2&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-card-cell[data-v-c13183b2] {
  display: block;
}
.oxd-table-card-cell .header[data-v-c13183b2] {
  font-weight: 700;
}
.oxd-table-card-cell .timezone[data-v-c13183b2] {
  color: #929baa;
  white-space: nowrap;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAttendancePlugin/pages/view-my-attendance.scss?vue&type=style&index=0&id=69df7cfa&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-total[data-v-69df7cfa] {
  margin-left: auto;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAttendancePlugin/pages/AttendanceConfiguration.vue?vue&type=style&index=0&id=3a40b13d&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-attendance-field-row[data-v-3a40b13d] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-attendance-field-label[data-v-3a40b13d] {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  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%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAttendancePlugin/pages/ViewEmployeeAttendanceSummary.vue?vue&type=style&index=0&id=3f46270c&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-3f46270c] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-3f46270c] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmMaintenancePlugin/components/SelectedEmployee.vue?vue&type=style&index=0&id=ff495a0a&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-selected-employee[data-v-ff495a0a] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-selected-employee[data-v-ff495a0a] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-selected-employee[data-v-ff495a0a] {
    flex-direction: row;
}
}
.orangehrm-selected-employee-content[data-v-ff495a0a] {
  flex: 1;
}
.orangehrm-selected-employee-image-wrapper[data-v-ff495a0a] {
  padding-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-selected-employee-image-wrapper[data-v-ff495a0a] {
    padding-top: 1.2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
}
@media (min-width: 1000px) {
.orangehrm-selected-employee-image-wrapper[data-v-ff495a0a] {
    padding-left: 5rem;
    padding-right: 5rem;
}
}
@media (min-width: 1200px) {
.orangehrm-selected-employee-image-wrapper[data-v-ff495a0a] {
    padding-left: 7rem;
    padding-right: 7rem;
}
}
.orangehrm-selected-employee-image[data-v-ff495a0a] {
  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-ff495a0a] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-selected-employee-imagesection[data-v-ff495a0a] {
    flex-direction: row-reverse;
    justify-content: center;
}
}
@media (min-width: 800px) {
.orangehrm-selected-employee-imagesection[data-v-ff495a0a] {
    flex-direction: column;
    justify-content: center;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmMaintenancePlugin/components/MaintenanceNote.vue?vue&type=style&index=0&id=6109ec03&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-maintenance-note[data-v-6109ec03] {
  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-6109ec03] {
  font-weight: bold;
  margin-bottom: 0.4rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmMaintenancePlugin/components/SelectedCandidates.vue?vue&type=style&index=0&id=229d0d5d&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-paper-container[data-v-229d0d5d] {
  margin-top: 1rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmRecruitmentPlugin/pages/vacancy.scss?vue&type=style&index=0&id=fe233348&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.boutonTri[data-v-fe233348] {
  border-radius: 2rem;
  height: 2rem;
  border: 1px solid rgb(190, 190, 190);
  cursor: pointer;
  background-color: white;
  width: 10rem;
}
.user-form-header[data-v-fe233348] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-fe233348] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-fe233348] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-fe233348] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.orangehrm-vacancy-list .label-is-entitlement-situational[data-v-fe233348] {
  display: flex;
  align-items: center;
}
.orangehrm-vacancy-list[data-v-fe233348] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-fe233348] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-fe233348] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-fe233348] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-fe233348] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-fe233348] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-fe233348] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-fe233348] {
  grid-column: span 2;
}
.orangehrm-text[data-v-fe233348] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-text-label[data-v-fe233348] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-fe233348] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-fe233348] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-fe233348] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #e8eaef;
}
.boutonTriBloc[data-v-fe233348] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 0 2rem 1.5rem 0;
}
.warning-icon[data-v-fe233348] {
  font-size: 1.5rem;
  color: var(--oxd-primary-one-color);
  padding: 1rem;
}
@media (max-width: 1000px) {
.orangehrm-header-container[data-v-fe233348] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
}
.boutonTriBloc[data-v-fe233348], .boutonTriBloc2[data-v-fe233348] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
}
.boutonTri[data-v-fe233348] {
    margin: 0;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmRecruitmentPlugin/components/JobCategorySelectionModal.vue?vue&type=style&index=0&id=4b2baaf1&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-4b2baaf1] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-4b2baaf1] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-text-center-align[data-v-4b2baaf1] {
  text-align: center;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmRecruitmentPlugin/pages/vacancy.scss?vue&type=style&index=0&id=387b5c94&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.boutonTri[data-v-387b5c94] {
  border-radius: 2rem;
  height: 2rem;
  border: 1px solid rgb(190, 190, 190);
  cursor: pointer;
  background-color: white;
  width: 10rem;
}
.user-form-header[data-v-387b5c94] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-387b5c94] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-387b5c94] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-387b5c94] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.orangehrm-vacancy-list .label-is-entitlement-situational[data-v-387b5c94] {
  display: flex;
  align-items: center;
}
.orangehrm-vacancy-list[data-v-387b5c94] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-387b5c94] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-387b5c94] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-387b5c94] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-387b5c94] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-387b5c94] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-387b5c94] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-387b5c94] {
  grid-column: span 2;
}
.orangehrm-text[data-v-387b5c94] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-text-label[data-v-387b5c94] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-387b5c94] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-387b5c94] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-387b5c94] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #e8eaef;
}
.boutonTriBloc[data-v-387b5c94] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 0 2rem 1.5rem 0;
}
.warning-icon[data-v-387b5c94] {
  font-size: 1.5rem;
  color: var(--oxd-primary-one-color);
  padding: 1rem;
}
@media (max-width: 1000px) {
.orangehrm-header-container[data-v-387b5c94] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
}
.boutonTriBloc[data-v-387b5c94], .boutonTriBloc2[data-v-387b5c94] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
}
.boutonTri[data-v-387b5c94] {
    margin: 0;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmRecruitmentPlugin/pages/vacancy.scss?vue&type=style&index=0&id=58a24501&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.boutonTri[data-v-58a24501] {
  border-radius: 2rem;
  height: 2rem;
  border: 1px solid rgb(190, 190, 190);
  cursor: pointer;
  background-color: white;
  width: 10rem;
}
.user-form-header[data-v-58a24501] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-58a24501] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-58a24501] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-58a24501] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.orangehrm-vacancy-list .label-is-entitlement-situational[data-v-58a24501] {
  display: flex;
  align-items: center;
}
.orangehrm-vacancy-list[data-v-58a24501] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-58a24501] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-58a24501] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-58a24501] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-58a24501] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-58a24501] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-58a24501] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-58a24501] {
  grid-column: span 2;
}
.orangehrm-text[data-v-58a24501] {
  font-size: 12px;
  font-weight: 600;
  color: #64728c;
}
.orangehrm-text-label[data-v-58a24501] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-58a24501] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-58a24501] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-58a24501] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #e8eaef;
}
.boutonTriBloc[data-v-58a24501] {
  display: flex;
  flex-direction: row;
  justify-content: end;
  padding: 0 2rem 1.5rem 0;
}
.warning-icon[data-v-58a24501] {
  font-size: 1.5rem;
  color: var(--oxd-primary-one-color);
  padding: 1rem;
}
@media (max-width: 1000px) {
.orangehrm-header-container[data-v-58a24501] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: start;
}
.boutonTriBloc[data-v-58a24501], .boutonTriBloc2[data-v-58a24501] {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    flex-wrap: wrap;
}
.boutonTri[data-v-58a24501] {
    margin: 0;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmRecruitmentPlugin/components/InterviewerAutocomplete.vue?vue&type=style&index=0&id=746c60eb&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-recruitment-interviewer-input[data-v-746c60eb] {
  display: flex;
  align-items: flex-start;
}
.orangehrm-recruitment-interviewer-input[data-v-746c60eb] .oxd-input-group__label-wrapper:empty {
  display: none;
}
.orangehrm-recruitment-delete-icon[data-v-746c60eb] {
  margin-left: 1rem;
  margin-top: 1rem;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmRecruitmentPlugin/pages/SaveCandidate.vue?vue&type=style&index=0&id=0f47e586&scoped=true&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-save-candidate-page-full-width[data-v-0f47e586] {
  grid-column: 1/span 2;
}
.orangehrm-save-candidate-page-grid-checkbox .oxd-input-group[data-v-0f47e586] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmRecruitmentPlugin/pages/ViewCandidatesList.vue?vue&type=style&index=0&id=13e3296c&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.boutonTri[data-v-13e3296c] {
  border-radius: 2rem;
  height: 2rem;
  border: 1px solid rgb(190, 190, 190);
  cursor: pointer;
  background-color: white;
  width: 10rem;
  margin: 1rem 1rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmRecruitmentPlugin/components/RecruitmentStatus.vue?vue&type=style&index=0&id=aeadbb3a&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-recruitment[data-v-aeadbb3a] {
  display: flex;
  justify-content: space-between;
}
.orangehrm-recruitment-actions[data-v-aeadbb3a] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  max-width: 120px;
  margin-left: 60px;
  justify-content: flex-end;
}
.orangehrm-recruitment-actions[data-v-aeadbb3a] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-recruitment-actions[data-v-aeadbb3a] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-recruitment-actions[data-v-aeadbb3a] .oxd-button--medium {
    width: unset;
}
}
[data-v-aeadbb3a] .oxd-input-group {
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
[data-v-aeadbb3a] .oxd-input-group {
    margin-bottom: 0;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmRecruitmentPlugin/components/CandidateProfile.vue?vue&type=style&index=0&id=360feefe&scoped=true&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-360feefe] {
  padding: 0;
}
.orangehrm-candidate-grid-checkbox .oxd-input-group[data-v-360feefe] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmRecruitmentPlugin/components/CompanyRecruitmentStatus.vue?vue&type=style&index=0&id=3e1b870c&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-recruitment[data-v-3e1b870c] {
  display: flex;
  justify-content: space-between;
}
.orangehrm-recruitment-actions[data-v-3e1b870c] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  max-width: 120px;
  margin-left: 60px;
  justify-content: flex-end;
}
.orangehrm-recruitment-actions[data-v-3e1b870c] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-recruitment-actions[data-v-3e1b870c] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-recruitment-actions[data-v-3e1b870c] .oxd-button--medium {
    width: unset;
}
}
[data-v-3e1b870c] .oxd-input-group {
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
[data-v-3e1b870c] .oxd-input-group {
    margin-bottom: 0;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmRecruitmentPlugin/components/CompanyProfile.vue?vue&type=style&index=0&id=1eee53f2&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-1eee53f2] {
  padding: 0;
}
.orangehrm-candidate-grid-checkbox .oxd-input-group[data-v-1eee53f2] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmRecruitmentPlugin/pages/public-job-vacancy.scss?vue&type=style&index=0&id=2b1071c0&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-background-container[data-v-2b1071c0] {
  height: 80%;
}
.orangehrm-vacancy-description[data-v-2b1071c0] {
  font-size: 12px;
  font-weight: 700;
}
.orangehrm-applicant-card-pre-tag[data-v-2b1071c0] {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: "Nunito Sans", sans-serif;
}
.orangehrm-applicant-card-footer[data-v-2b1071c0] {
  display: flex;
  justify-content: left;
}
.orangehrm-applicant-card-anchor-tag[data-v-2b1071c0] {
  cursor: pointer;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-applicant-container[data-v-2b1071c0] {
  width: 100%;
  display: block;
}
.orangehrm-applicant-container-row[data-v-2b1071c0] {
  width: inherit;
}
.orangehrm-applicant-container-colspan-2[data-v-2b1071c0] {
  grid-column: 1/span 2;
}
.orangehrm-applicant-container-grid-checkbox .oxd-input-group[data-v-2b1071c0] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.orangehrm-container[data-v-2b1071c0] {
  height: 100%;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
  overflow: auto;
  position: relative;
  margin: 0;
}
.orangehrm-container[data-v-2b1071c0]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-2b1071c0]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-2b1071c0]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-2b1071c0] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-2b1071c0] {
  margin: 0 auto;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.orangehrm-container-img[data-v-2b1071c0] {
  height: 40px;
}
.orangehrm-card-container[data-v-2b1071c0] {
  width: 80%;
  margin: 1rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-card-container-header[data-v-2b1071c0] {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
.orangehrm-card-container-header[data-v-2b1071c0] {
    flex-direction: row;
}
}
.orangehrm-card-container-header .orangehrm-main-title[data-v-2b1071c0] {
  word-break: break-word;
}
@media (min-width: 800px) {
.orangehrm-card-container-header .orangehrm-main-title[data-v-2b1071c0] {
    align-self: center;
}
}
.orangehrm-paper-container[data-v-2b1071c0] {
  width: 80%;
  background: unset;
  margin: 0rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-vacancy-card[data-v-2b1071c0] {
  display: block;
}
.orangehrm-vacancy-card-header[data-v-2b1071c0] {
  display: flex;
  align-items: center;
  word-break: break-word;
  justify-content: space-between;
}
.orangehrm-vacancy-card-header button[data-v-2b1071c0] {
  flex-shrink: 0;
}
.orangehrm-vacancy-card-anchor-tag[data-v-2b1071c0] {
  cursor: pointer;
  font-weight: 600;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
  font-size: 12px;
}
.orangehrm-vacancy-card-body[data-v-2b1071c0] {
  position: relative;
  overflow: hidden;
  max-height: 60px;
  line-height: 15px;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-2b1071c0]: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-2b1071c0] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-2b1071c0]:after {
    display: none;
}
}
@media (min-width: 800px) {
.orangehrm-vacancy-card-body[data-v-2b1071c0] {
    position: relative;
    overflow: hidden;
    max-height: 30px;
    line-height: 15px;
    justify-content: space-between;
    word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-2b1071c0]: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-2b1071c0] {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-2b1071c0]:after {
      display: none;
}
}
}
.orangehrm-vacancy-card-pre-tag[data-v-2b1071c0] {
  margin-top: 0;
  font-family: "Nunito Sans", sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.orangehrm-vacancy-card-footer[data-v-2b1071c0] {
  display: flex;
  justify-content: left;
}
.orangehrm-vacancy-list-poweredby[data-v-2b1071c0] {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.oxd-brand-banner[data-v-2b1071c0] {
  flex: 1;
  height: 32px;
  margin-bottom: 8px;
}
@media (min-width: 800px) {
.oxd-brand-banner[data-v-2b1071c0] {
    flex: 0;
    margin-bottom: 0;
}
}
.orangehrm-container[data-v-2b1071c0] {
  padding: 0;
  height: 72vh;
}
@media (min-width: 800px) {
.orangehrm-container[data-v-2b1071c0] {
    height: 75vh;
}
}
@media screen and (min-width: 1536px) {
.orangehrm-container[data-v-2b1071c0] {
    height: 85vh;
}
}
@media screen and (min-width: 2560px) {
.orangehrm-container[data-v-2b1071c0] {
    height: 90vh;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmRecruitmentPlugin/pages/public-job-vacancy.scss?vue&type=style&index=0&id=9dc35aa0&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-background-container[data-v-9dc35aa0] {
  height: 80%;
}
.orangehrm-vacancy-description[data-v-9dc35aa0] {
  font-size: 12px;
  font-weight: 700;
}
.orangehrm-applicant-card-pre-tag[data-v-9dc35aa0] {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: "Nunito Sans", sans-serif;
}
.orangehrm-applicant-card-footer[data-v-9dc35aa0] {
  display: flex;
  justify-content: left;
}
.orangehrm-applicant-card-anchor-tag[data-v-9dc35aa0] {
  cursor: pointer;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-applicant-container[data-v-9dc35aa0] {
  width: 100%;
  display: block;
}
.orangehrm-applicant-container-row[data-v-9dc35aa0] {
  width: inherit;
}
.orangehrm-applicant-container-colspan-2[data-v-9dc35aa0] {
  grid-column: 1/span 2;
}
.orangehrm-applicant-container-grid-checkbox .oxd-input-group[data-v-9dc35aa0] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.orangehrm-container[data-v-9dc35aa0] {
  height: 100%;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
  overflow: auto;
  position: relative;
  margin: 0;
}
.orangehrm-container[data-v-9dc35aa0]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-9dc35aa0]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-9dc35aa0]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-9dc35aa0] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-9dc35aa0] {
  margin: 0 auto;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.orangehrm-container-img[data-v-9dc35aa0] {
  height: 40px;
}
.orangehrm-card-container[data-v-9dc35aa0] {
  width: 80%;
  margin: 1rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-card-container-header[data-v-9dc35aa0] {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
.orangehrm-card-container-header[data-v-9dc35aa0] {
    flex-direction: row;
}
}
.orangehrm-card-container-header .orangehrm-main-title[data-v-9dc35aa0] {
  word-break: break-word;
}
@media (min-width: 800px) {
.orangehrm-card-container-header .orangehrm-main-title[data-v-9dc35aa0] {
    align-self: center;
}
}
.orangehrm-paper-container[data-v-9dc35aa0] {
  width: 80%;
  background: unset;
  margin: 0rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-vacancy-card[data-v-9dc35aa0] {
  display: block;
}
.orangehrm-vacancy-card-header[data-v-9dc35aa0] {
  display: flex;
  align-items: center;
  word-break: break-word;
  justify-content: space-between;
}
.orangehrm-vacancy-card-header button[data-v-9dc35aa0] {
  flex-shrink: 0;
}
.orangehrm-vacancy-card-anchor-tag[data-v-9dc35aa0] {
  cursor: pointer;
  font-weight: 600;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
  font-size: 12px;
}
.orangehrm-vacancy-card-body[data-v-9dc35aa0] {
  position: relative;
  overflow: hidden;
  max-height: 60px;
  line-height: 15px;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-9dc35aa0]: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-9dc35aa0] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-9dc35aa0]:after {
    display: none;
}
}
@media (min-width: 800px) {
.orangehrm-vacancy-card-body[data-v-9dc35aa0] {
    position: relative;
    overflow: hidden;
    max-height: 30px;
    line-height: 15px;
    justify-content: space-between;
    word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-9dc35aa0]: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-9dc35aa0] {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-9dc35aa0]:after {
      display: none;
}
}
}
.orangehrm-vacancy-card-pre-tag[data-v-9dc35aa0] {
  margin-top: 0;
  font-family: "Nunito Sans", sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.orangehrm-vacancy-card-footer[data-v-9dc35aa0] {
  display: flex;
  justify-content: left;
}
.orangehrm-vacancy-list-poweredby[data-v-9dc35aa0] {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.oxd-brand-banner[data-v-9dc35aa0] {
  flex: 1;
  height: 32px;
  margin-bottom: 8px;
}
@media (min-width: 800px) {
.oxd-brand-banner[data-v-9dc35aa0] {
    flex: 0;
    margin-bottom: 0;
}
}
.orangehrm-container[data-v-9dc35aa0] {
  padding: 0;
  height: 72vh;
}
@media (min-width: 800px) {
.orangehrm-container[data-v-9dc35aa0] {
    height: 75vh;
}
}
@media screen and (min-width: 1536px) {
.orangehrm-container[data-v-9dc35aa0] {
    height: 85vh;
}
}
@media screen and (min-width: 2560px) {
.orangehrm-container[data-v-9dc35aa0] {
    height: 90vh;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmRecruitmentPlugin/components/SuccessDialog.vue?vue&type=style&index=0&id=04e9ae40&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-04e9ae40] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-04e9ae40] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-04e9ae40] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-04e9ae40] {
  text-align: center;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmRecruitmentPlugin/pages/public-job-vacancy.scss?vue&type=style&index=0&id=21a7b3fa&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-background-container[data-v-21a7b3fa] {
  height: 80%;
}
.orangehrm-vacancy-description[data-v-21a7b3fa] {
  font-size: 12px;
  font-weight: 700;
}
.orangehrm-applicant-card-pre-tag[data-v-21a7b3fa] {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: "Nunito Sans", sans-serif;
}
.orangehrm-applicant-card-footer[data-v-21a7b3fa] {
  display: flex;
  justify-content: left;
}
.orangehrm-applicant-card-anchor-tag[data-v-21a7b3fa] {
  cursor: pointer;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-applicant-container[data-v-21a7b3fa] {
  width: 100%;
  display: block;
}
.orangehrm-applicant-container-row[data-v-21a7b3fa] {
  width: inherit;
}
.orangehrm-applicant-container-colspan-2[data-v-21a7b3fa] {
  grid-column: 1/span 2;
}
.orangehrm-applicant-container-grid-checkbox .oxd-input-group[data-v-21a7b3fa] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.orangehrm-container[data-v-21a7b3fa] {
  height: 100%;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
  overflow: auto;
  position: relative;
  margin: 0;
}
.orangehrm-container[data-v-21a7b3fa]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-21a7b3fa]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-21a7b3fa]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-21a7b3fa] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-21a7b3fa] {
  margin: 0 auto;
  background-color: #ffffff;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.orangehrm-container-img[data-v-21a7b3fa] {
  height: 40px;
}
.orangehrm-card-container[data-v-21a7b3fa] {
  width: 80%;
  margin: 1rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-card-container-header[data-v-21a7b3fa] {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
.orangehrm-card-container-header[data-v-21a7b3fa] {
    flex-direction: row;
}
}
.orangehrm-card-container-header .orangehrm-main-title[data-v-21a7b3fa] {
  word-break: break-word;
}
@media (min-width: 800px) {
.orangehrm-card-container-header .orangehrm-main-title[data-v-21a7b3fa] {
    align-self: center;
}
}
.orangehrm-paper-container[data-v-21a7b3fa] {
  width: 80%;
  background: unset;
  margin: 0rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-vacancy-card[data-v-21a7b3fa] {
  display: block;
}
.orangehrm-vacancy-card-header[data-v-21a7b3fa] {
  display: flex;
  align-items: center;
  word-break: break-word;
  justify-content: space-between;
}
.orangehrm-vacancy-card-header button[data-v-21a7b3fa] {
  flex-shrink: 0;
}
.orangehrm-vacancy-card-anchor-tag[data-v-21a7b3fa] {
  cursor: pointer;
  font-weight: 600;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
  font-size: 12px;
}
.orangehrm-vacancy-card-body[data-v-21a7b3fa] {
  position: relative;
  overflow: hidden;
  max-height: 60px;
  line-height: 15px;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-21a7b3fa]: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-21a7b3fa] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-21a7b3fa]:after {
    display: none;
}
}
@media (min-width: 800px) {
.orangehrm-vacancy-card-body[data-v-21a7b3fa] {
    position: relative;
    overflow: hidden;
    max-height: 30px;
    line-height: 15px;
    justify-content: space-between;
    word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-21a7b3fa]: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-21a7b3fa] {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-21a7b3fa]:after {
      display: none;
}
}
}
.orangehrm-vacancy-card-pre-tag[data-v-21a7b3fa] {
  margin-top: 0;
  font-family: "Nunito Sans", sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.orangehrm-vacancy-card-footer[data-v-21a7b3fa] {
  display: flex;
  justify-content: left;
}
.orangehrm-vacancy-list-poweredby[data-v-21a7b3fa] {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.oxd-brand-banner[data-v-21a7b3fa] {
  flex: 1;
  height: 32px;
  margin-bottom: 8px;
}
@media (min-width: 800px) {
.oxd-brand-banner[data-v-21a7b3fa] {
    flex: 0;
    margin-bottom: 0;
}
}
.orangehrm-container[data-v-21a7b3fa] {
  padding: 0;
  height: 72vh;
}
@media (min-width: 800px) {
.orangehrm-container[data-v-21a7b3fa] {
    height: 75vh;
}
}
@media screen and (min-width: 1536px) {
.orangehrm-container[data-v-21a7b3fa] {
    height: 85vh;
}
}
@media screen and (min-width: 2560px) {
.orangehrm-container[data-v-21a7b3fa] {
    height: 90vh;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmRecruitmentPlugin/pages/ViewInterviewAttachments.vue?vue&type=style&index=0&id=2c71e3cd&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-attachment[data-v-2c71e3cd] {
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.orangehrm-attachment-header[data-v-2c71e3cd] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
  padding: 25px;
}
.orangehrm-attachment-header button[data-v-2c71e3cd] {
  margin-left: 1rem;
  white-space: nowrap;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPerformancePlugin/pages/kpi.scss?vue&type=style&index=0&id=4cac9b4e&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-module-field-row[data-v-4cac9b4e] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
}
.orangehrm-module-field-label[data-v-4cac9b4e] {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  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%;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPerformancePlugin/pages/kpi.scss?vue&type=style&index=0&id=02b9d768&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-module-field-row[data-v-02b9d768] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
}
.orangehrm-module-field-label[data-v-02b9d768] {
  box-sizing: border-box;
  font-family: "Nunito Sans", sans-serif;
  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%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPerformancePlugin/pages/review.scss?vue&type=style&index=0&id=4b20d8b8&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-button-row[data-v-4b20d8b8] {
  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-4b20d8b8] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-button-row[data-v-4b20d8b8] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-button-row[data-v-4b20d8b8] .oxd-button--medium {
    width: unset;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPerformancePlugin/pages/review.scss?vue&type=style&index=0&id=25ef9872&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-button-row[data-v-25ef9872] {
  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-25ef9872] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-button-row[data-v-25ef9872] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-button-row[data-v-25ef9872] .oxd-button--medium {
    width: unset;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPerformancePlugin/components/ReviewPeriodCell.vue?vue&type=style&index=0&id=77ec372a&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-card-cell[data-v-77ec372a] {
  display: block;
}
.oxd-table-card-cell .header[data-v-77ec372a] {
  font-weight: 700;
}
.oxd-table-card-cell .time[data-v-77ec372a] {
  white-space: nowrap;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPerformancePlugin/pages/MyReviews.vue?vue&type=style&index=0&id=30874e1a&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-30874e1a] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-30874e1a] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPerformancePlugin/pages/ReviewList.vue?vue&type=style&index=0&id=25e8d04a&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-25e8d04a] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPerformancePlugin/pages/ReviewSearch.vue?vue&type=style&index=0&id=51413ab6&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-51413ab6] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPerformancePlugin/components/TrackerLogRatingButton.vue?vue&type=style&index=0&id=711bc02c&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-tracker-rating-button[data-v-711bc02c] {
  margin-right: 0.6rem;
  padding-right: 0.6rem;
  padding-left: 0.6rem;
}
.orangehrm-tracker-rating-icon[data-v-711bc02c] {
  vertical-align: bottom;
}
.--positive[data-v-711bc02c] {
  color: #34bc40;
}
.--negative[data-v-711bc02c] {
  color: #eb0910;
}
.--deselected[data-v-711bc02c] {
  background-color: #ffffff;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPerformancePlugin/components/tracker-log-modal.scss?vue&type=style&index=0&id=e576fe22&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-add-tracker-log-ratings-container[data-v-e576fe22] {
  padding-bottom: 0.6rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPerformancePlugin/components/tracker-log-modal.scss?vue&type=style&index=0&id=f4dc88d0&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-add-tracker-log-ratings-container[data-v-f4dc88d0] {
  padding-bottom: 0.6rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPerformancePlugin/components/tracker-log-card.scss?vue&type=style&index=0&id=5098c699&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-tracker-log[data-v-5098c699] {
  display: flex;
  flex-direction: row;
}
.orangehrm-employee-tracker-log img[data-v-5098c699] {
  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-5098c699] {
  display: flex;
}
.orangehrm-employee-tracker-log-content-section[data-v-5098c699] {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-employee-tracker-log-content-container[data-v-5098c699] {
  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-5098c699] {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.6rem;
  align-items: flex-start;
}
.orangehrm-employee-tracker-log-title[data-v-5098c699] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker-log-title[data-v-5098c699] {
    flex-direction: column;
}
}
@media (min-width: 600px) {
.orangehrm-employee-tracker-log-title[data-v-5098c699] {
    flex-direction: row;
    padding-right: 2.4rem;
}
}
.orangehrm-employee-tracker-log-title-text[data-v-5098c699] {
  font-weight: 700;
  font-size: 21px;
  padding-right: 0.6rem;
}
.orangehrm-employee-tracker-log-title-icon[data-v-5098c699] {
  min-width: 21px;
  min-height: 21px;
}
.orangehrm-employee-tracker-log-title-icon.--positive[data-v-5098c699] {
  color: #34bc40;
}
.orangehrm-employee-tracker-log-title-icon.--negative[data-v-5098c699] {
  color: #eb0910;
}
.orangehrm-employee-tracker-log-body-text[data-v-5098c699] {
  font-size: 12px;
}
.orangehrm-employee-tracker-log-reviewer[data-v-5098c699] {
  display: flex;
}
.orangehrm-employee-tracker-log-reviewer-name[data-v-5098c699] {
  font-weight: 700;
  margin-left: 1.2rem;
  font-size: 14px;
}
.orangehrm-employee-tracker-log-reviewer-date[data-v-5098c699] {
  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-5098c699] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.orangehrm-employee-tracker-log-reviewer-date-icon[data-v-5098c699] {
  margin-right: 0.3rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPerformancePlugin/pages/employee-tracker-log.scss?vue&type=style&index=0&id=bc0dc3f8&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-bc0dc3f8] {
  overflow: auto;
  max-height: 400px;
  min-height: 400px;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-bc0dc3f8]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-bc0dc3f8]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-bc0dc3f8]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-bc0dc3f8] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-bc0dc3f8] {
  margin: 0 auto;
  background-color: #ffffff;
}
.orangehrm-scroll-card[data-v-bc0dc3f8] {
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
}
.orangehrm-scroll-card-header[data-v-bc0dc3f8] {
  display: flex;
  justify-content: space-between;
}
.orangehrm-employee-tracker[data-v-bc0dc3f8] {
  display: flex;
  overflow: hidden;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker[data-v-bc0dc3f8] {
    flex-direction: column;
}
}
@media (min-width: 600px) {
.orangehrm-employee-tracker[data-v-bc0dc3f8] {
    flex-direction: row;
}
}
.orangehrm-employee-tracker-image-wrapper[data-v-bc0dc3f8] {
  padding: 0.6rem 1.2rem;
}
.orangehrm-employee-tracker img[data-v-bc0dc3f8] {
  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-bc0dc3f8] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker-image-section[data-v-bc0dc3f8] {
    flex-direction: row-reverse;
    justify-content: center;
}
}
@media (min-width: 800px) {
.orangehrm-employee-tracker-image-section[data-v-bc0dc3f8] {
    flex-direction: column;
    justify-content: center;
}
}
.orangehrm-employee-tracker-header-section[data-v-bc0dc3f8] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker-header-section[data-v-bc0dc3f8] {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
}
@media (min-width: 600px) {
.orangehrm-employee-tracker-header-section[data-v-bc0dc3f8] {
    flex-direction: row;
    align-items: flex-start;
    text-align: start;
}
}
.orangehrm-employee-tracker-header[data-v-bc0dc3f8] {
  display: flex;
  flex-direction: column;
  padding-left: 1.2rem;
  padding-right: 0.6rem;
  padding-top: 1.2rem;
}
.orangehrm-employee-tracker-header-title[data-v-bc0dc3f8] {
  font-weight: 700;
  font-size: 21px;
}
.orangehrm-employee-tracker-header-subtitle[data-v-bc0dc3f8] {
  font-weight: 700;
  color: #929baa;
}
.orangehrm-employee-tracker-ratings[data-v-bc0dc3f8] {
  display: flex;
  padding-top: 1.2rem;
}
.orangehrm-employee-tracker-ratings-info[data-v-bc0dc3f8] {
  display: flex;
  flex-direction: row;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  text-align: center;
}
.orangehrm-employee-tracker-ratings-icon[data-v-bc0dc3f8] {
  padding-right: 0.6rem;
  min-width: 21px;
  min-height: 21px;
}
.orangehrm-employee-tracker-ratings-text[data-v-bc0dc3f8] {
  font-size: 21px;
}
.orangehrm-employee-tracker-list-header[data-v-bc0dc3f8] {
  font-size: 16px;
  font-weight: 800;
}
.orangehrm-employee-tracker-no-records[data-v-bc0dc3f8] {
  display: flex;
  min-height: inherit;
  justify-content: center;
  align-items: center;
}
.--positive[data-v-bc0dc3f8] {
  color: #34bc40;
}
.--negative[data-v-bc0dc3f8] {
  color: #eb0910;
}
.orangehrm-paper-container[data-v-bc0dc3f8] {
  padding-bottom: 2.4rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPerformancePlugin/components/review-summary.scss?vue&type=style&index=0&id=98dd0362&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-performance-review-title[data-v-98dd0362] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-bold[data-v-98dd0362] {
  font-weight: 700;
}
.orangehrm-performance-review-rating[data-v-98dd0362] {
  display: flex;
  flex-direction: column;
}
.orangehrm-performance-review-rating-number[data-v-98dd0362] {
  font-weight: 700;
  color: var(--oxd-primary-one-color);
}
.orangehrm-performance-review-owner[data-v-98dd0362] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.orangehrm-performance-review-owner img[data-v-98dd0362] {
  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-98dd0362] {
  display: flex;
}
.orangehrm-performance-review-owner-employee[data-v-98dd0362] {
  display: flex;
  flex-direction: column;
  padding-left: 1.2rem;
}
.orangehrm-performance-review-owner-employee-name[data-v-98dd0362], .orangehrm-performance-review-owner-employee-job[data-v-98dd0362] {
  font-weight: 700;
  font-size: 18px;
  word-break: break-word;
}
.orangehrm-performance-review-owner-employee-job[data-v-98dd0362] {
  color: #929baa;
}
.orangehrm-performance-review-final-rating[data-v-98dd0362] {
  align-self: center;
}
.orangehrm-performance-review-column[data-v-98dd0362] {
  margin-bottom: 0.5rem;
}
.orangehrm-performance-review-details[data-v-98dd0362] {
  display: flex;
}
.orangehrm-performance-review-details-grid[data-v-98dd0362] {
  width: 100%;
  align-items: center;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPerformancePlugin/components/final-evaluation.scss?vue&type=style&index=0&id=486f8233&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
@media (min-width: 800px) {
.orangehrm-performance-review-grid[data-v-486f8233] {
    grid-template-columns: 33.3333333333% 110px 1fr 0.5fr;
}
}
.orangehrm-performance-review-grid[data-v-486f8233] .oxd-textarea {
  min-height: unset;
}
.orangehrm-performance-review-title[data-v-486f8233] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-bold[data-v-486f8233] {
  font-weight: 700;
}
.orangehrm-performance-review-read[data-v-486f8233] {
  margin-top: 0.3rem;
  margin-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-performance-review-read[data-v-486f8233] {
    margin-top: 1.2rem;
    margin-bottom: 0;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPerformancePlugin/components/evaluation-form.scss?vue&type=style&index=0&id=2daaa04f&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-evaluation-header[data-v-2daaa04f] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-evaluation-header-grid[data-v-2daaa04f] {
  width: 100%;
}
.orangehrm-evaluation-title[data-v-2daaa04f] {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.orangehrm-evaluation-title-profile-image[data-v-2daaa04f] {
  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-2daaa04f] {
  margin-left: 1rem;
  word-break: break-word;
}
.orangehrm-evaluation-grid[data-v-2daaa04f] {
  padding-top: 0.5rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid[data-v-2daaa04f] {
    grid-template-columns: 33.3333333333% 110px 1fr 0.5fr;
}
}
.orangehrm-evaluation-grid-header[data-v-2daaa04f] {
  display: none;
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-header[data-v-2daaa04f] {
    display: block;
}
}
.orangehrm-evaluation-grid-kpi[data-v-2daaa04f] {
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-kpi-header[data-v-2daaa04f] {
    display: none;
}
}
.orangehrm-evaluation-grid-kpi-label[data-v-2daaa04f] {
  font-weight: 700;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-kpi-label[data-v-2daaa04f] {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
}
.orangehrm-evaluation-grid-kpi-minmax[data-v-2daaa04f] {
  font-size: 0.75rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-general[data-v-2daaa04f] {
    display: flex;
    align-items: center;
}
}
.orangehrm-evaluation-grid-general-label[data-v-2daaa04f] {
  font-weight: 700;
}
.orangehrm-evaluation-grid-spacer[data-v-2daaa04f] {
  padding: 0.5rem 0;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-spacer[data-v-2daaa04f] {
    display: none;
}
}
.orangehrm-evaluation-grid-spacer-md[data-v-2daaa04f] {
  display: none;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-spacer-md[data-v-2daaa04f] {
    display: block;
}
}
.orangehrm-evaluation-grid[data-v-2daaa04f] .oxd-textarea {
  min-height: unset;
  height: 58px;
}
.orangehrm-evaluation-grid[data-v-2daaa04f] .oxd-input {
  text-align: center;
  font-size: 1.2rem;
  height: 58px;
}
.orangehrm-evaluation .orangehrm-main-title[data-v-2daaa04f] {
  margin-bottom: 0.75rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmPerformancePlugin/components/ReviewConfirmModal.vue?vue&type=style&index=0&id=18aa8918&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPerformancePlugin/pages/review-evaluate.scss?vue&type=style&index=0&id=efc20e14&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-performance-review-title[data-v-efc20e14] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-actions[data-v-efc20e14] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-performance-review-actions[data-v-efc20e14] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-performance-review-actions[data-v-efc20e14] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-performance-review-actions[data-v-efc20e14] .oxd-button--medium {
    width: unset;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmPerformancePlugin/pages/review-evaluate.scss?vue&type=style&index=0&id=7e7ff3ed&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-performance-review-title[data-v-7e7ff3ed] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-actions[data-v-7e7ff3ed] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-performance-review-actions[data-v-7e7ff3ed] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-performance-review-actions[data-v-7e7ff3ed] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-performance-review-actions[data-v-7e7ff3ed] .oxd-button--medium {
    width: unset;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmCorporateDirectoryPlugin/components/ProfilePicture.vue?vue&type=style&index=0&id=b65207f0&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-profile-picture[data-v-b65207f0] {
  display: block;
  height: 90px;
  width: 90px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
}
.orangehrm-profile-picture img[data-v-b65207f0] {
  height: 90px;
  width: 90px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmCorporateDirectoryPlugin/components/SummaryCard.vue?vue&type=style&index=0&id=7a173f1a&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.icon-left[data-v-7a173f1a] {
  display: inline-block;
}
.icon-right[data-v-7a173f1a] {
  float: right;
}
.orangehrm-directory-card[data-v-7a173f1a] {
  height: auto;
  cursor: pointer;
  overflow: hidden;
  padding: 0.5rem 1rem;
}
.orangehrm-directory-card-header[data-v-7a173f1a] {
  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-7a173f1a] {
  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-7a173f1a]: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-7a173f1a] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-directory-card-header.--break-words[data-v-7a173f1a]:after {
    display: none;
}
}
.orangehrm-directory-card-subtitle[data-v-7a173f1a] {
  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-7a173f1a] {
  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-7a173f1a]: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-7a173f1a] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-directory-card-subtitle.--break-words[data-v-7a173f1a]:after {
    display: none;
}
}
.orangehrm-directory-card-description[data-v-7a173f1a] {
  font-size: 12px;
  text-align: left;
  word-break: break-word;
}
.orangehrm-directory-card-description.--break-words[data-v-7a173f1a] {
  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-7a173f1a]: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-7a173f1a] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-directory-card-description.--break-words[data-v-7a173f1a]:after {
    display: none;
}
}
.orangehrm-directory-card-description[data-v-7a173f1a]:first-of-type {
  margin-bottom: 0.25rem;
}
.orangehrm-directory-card-body[data-v-7a173f1a] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: #fafafc;
}
.orangehrm-directory-card-icon[data-v-7a173f1a] {
  font-size: 24px;
  margin-right: 0.5rem;
  color: #64728c;
}
@media (min-width: 800px) {
.orangehrm-directory-card[data-v-7a173f1a] {
    min-height: 260px;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmCorporateDirectoryPlugin/components/QRCode.vue?vue&type=style&index=0&id=6ce47f01&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.orangehrm-qr-code[data-v-6ce47f01] {
  margin: auto;
  width: 140px;
  display: block;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmCorporateDirectoryPlugin/components/CompanyDetails.vue?vue&type=style&index=0&id=9ce76010&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-directory-card[data-v-9ce76010] {
  height: auto;
  overflow: hidden;
  padding: 0.5rem 1rem;
}
@media (min-width: 800px) {
.orangehrm-directory-card[data-v-9ce76010] {
    min-height: 280px;
}
}
.orangehrm-directory-card-rounded-body[data-v-9ce76010] {
  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-9ce76010] {
  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-9ce76010] {
    width: auto;
}
}
.orangehrm-directory-card-hover-body[data-v-9ce76010] {
  display: block;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  word-wrap: break-word;
}
.orangehrm-directory-card-hover-icon[data-v-9ce76010] {
  color: #64728c;
  font-size: 14px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.orangehrm-directory-card-hover[data-v-9ce76010]:hover {
  background-color: #fafafc;
}
.orangehrm-directory-card-icon[data-v-9ce76010] {
  margin: 0 0.5rem 0 0;
  color: #64728c;
  font-size: 24px;
  display: flex;
  justify-content: center;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmCorporateDirectoryPlugin/pages/corporate-directory.scss?vue&type=style&index=0&id=522a0389&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-corporate-directory[data-v-522a0389] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-corporate-directory[data-v-522a0389] {
    display: flex;
    justify-content: space-between;
}
}
.orangehrm-corporate-directory-sidebar[data-v-522a0389] {
  min-width: 250px;
  max-width: 250px;
  margin-left: 1rem;
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.orangehrm-corporate-directory-nocontent[data-v-522a0389] {
  margin: 1rem 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
.orangehrm-corporate-directory-nocontent img[data-v-522a0389] {
  width: 15%;
  max-width: 150px;
}
.orangehrm-corporate-directory-nocontent p[data-v-522a0389] {
  width: 60%;
  text-align: center;
}
.orangehrm-container[data-v-522a0389] {
  height: 512px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-522a0389]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-522a0389]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-522a0389]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-522a0389] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-522a0389] {
  margin: 0 auto;
  background-color: #ffffff;
}
.oxd-grid-item[data-v-522a0389] {
  padding: 0.5rem 0.75rem;
}
.orangehrm-paper-container[data-v-522a0389] {
  width: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmCorporateDirectoryPlugin/pages/corporate-directory.scss?vue&type=style&index=0&id=ffd0a980&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-corporate-directory[data-v-ffd0a980] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-corporate-directory[data-v-ffd0a980] {
    display: flex;
    justify-content: space-between;
}
}
.orangehrm-corporate-directory-sidebar[data-v-ffd0a980] {
  min-width: 250px;
  max-width: 250px;
  margin-left: 1rem;
  border-radius: 1.2rem;
  background-color: #ffffff;
}
.orangehrm-corporate-directory-nocontent[data-v-ffd0a980] {
  margin: 1rem 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 1rem;
}
.orangehrm-corporate-directory-nocontent img[data-v-ffd0a980] {
  width: 15%;
  max-width: 150px;
}
.orangehrm-corporate-directory-nocontent p[data-v-ffd0a980] {
  width: 60%;
  text-align: center;
}
.orangehrm-container[data-v-ffd0a980] {
  height: 512px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-ffd0a980]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-ffd0a980]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-ffd0a980]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-ffd0a980] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-ffd0a980] {
  margin: 0 auto;
  background-color: #ffffff;
}
.oxd-grid-item[data-v-ffd0a980] {
  padding: 0.5rem 0.75rem;
}
.orangehrm-paper-container[data-v-ffd0a980] {
  width: 100%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAuthenticationPlugin/components/login-layout.scss?vue&type=style&index=0&id=92ef1bc0&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-layout[data-v-92ef1bc0] {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-width: 0px) {
.orangehrm-login-layout[data-v-92ef1bc0] {
    background-color: #f1f2f5;
}
}
@media (min-width: 800px) {
.orangehrm-login-layout[data-v-92ef1bc0] {
    background-color: var(--oxd-primary-one-color);
}
}
.orangehrm-login-layout-blob[data-v-92ef1bc0] {
  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-92ef1bc0]::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-92ef1bc0] {
    background-image: url(../img/blob.svg);
    background-repeat: no-repeat;
    background-size: 80% 100%;
}
}
.orangehrm-login-container[data-v-92ef1bc0] {
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-login-container[data-v-92ef1bc0] {
    width: 80%;
}
}
.orangehrm-login-logo[data-v-92ef1bc0] {
  position: absolute;
  right: 15%;
  padding: 1rem;
  background-color: #f6f5fb;
  border-radius: 100%;
  display: none;
}
.orangehrm-login-logo img[data-v-92ef1bc0] {
  width: 10rem;
}
@media (min-width: 800px) {
.orangehrm-login-logo[data-v-92ef1bc0] {
    display: block;
}
}
.orangehrm-login-slot-wrapper[data-v-92ef1bc0] {
  padding: 1rem 2rem;
  width: inherit;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper[data-v-92ef1bc0] {
    padding: 1rem 10rem;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-92ef1bc0] {
  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-92ef1bc0] {
  width: 5rem;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-92ef1bc0] {
    display: none;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-slot[data-v-92ef1bc0] {
  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-92ef1bc0] {
    background-color: transparent;
    padding: unset;
}
}
.orangehrm-login-branding[data-v-92ef1bc0] {
  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-92ef1bc0] {
  width: 100%;
  max-width: 180px;
  height: auto;
  max-height: 65px;
}
@media (min-width: 800px) {
.orangehrm-login-branding[data-v-92ef1bc0] {
    width: 80%;
    max-width: 520px;
}
}
.orangehrm-login-social[data-v-92ef1bc0] {
  padding: 1rem 0;
}
.orangehrm-login-social-text[data-v-92ef1bc0] {
  text-align: center;
  margin-bottom: 1rem;
}
.orangehrm-login-social-icons[data-v-92ef1bc0] {
  display: flex;
  justify-content: center;
}
.orangehrm-login-social-icons .--loginwith[data-v-92ef1bc0] {
  margin: 0 0.25rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAuthenticationPlugin/components/AuthButton.vue?vue&type=style&index=0&id=26679646&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-auth-button[data-v-26679646] {
  width: 14rem;
  height: 2.5rem;
  display: flex;
  flex-shrink: 0;
  border: 1px solid;
  border-radius: 1.5rem;
  border-color: var(--oxd-primary-one-color);
  align-items: center;
  text-decoration: none;
  justify-content: center;
  cursor: pointer;
  margin-bottom: 0.5rem;
}
.orangehrm-auth-button-text[data-v-26679646] {
  position: relative;
  overflow: hidden;
  max-height: 1;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
  width: 50%;
  line-height: 1;
  font-size: 14px;
  font-weight: 800;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-auth-button-text[data-v-26679646]: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-auth-button-text[data-v-26679646] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-auth-button-text[data-v-26679646]:after {
    display: none;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAuthenticationPlugin/components/SocialMediaAuth.vue?vue&type=style&index=0&id=27840f28&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-social-auth[data-v-27840f28] {
  gap: 5px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin-bottom: 1rem;
  max-width: 80%;
}
.orangehrm-social-auth-header[data-v-27840f28] {
  font-size: 0.8rem;
  text-align: center;
  margin-bottom: 1rem;
  margin-top: 1rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAuthenticationPlugin/pages/login.scss?vue&type=style&index=0&id=eff9f112&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-form[data-v-eff9f112] {
  margin: 0 auto;
}
@media (min-width: 0px) {
.orangehrm-login-form[data-v-eff9f112] {
    width: 80%;
}
}
@media (min-width: 800px) {
.orangehrm-login-form[data-v-eff9f112] {
    width: 60%;
    max-width: 485px;
}
}
.orangehrm-login-action[data-v-eff9f112] {
  margin-top: 2rem;
  justify-content: center;
}
.orangehrm-create-account-action[data-v-eff9f112] {
  margin-top: 1rem;
  justify-content: center;
}
.orangehrm-login-button[data-v-eff9f112] {
  flex: 1;
  padding: 1rem 0;
}
.orangehrm-create-account-button[data-v-eff9f112] {
  flex: 1;
  padding: 1rem 0;
  background-color: transparent;
  border: 1px solid;
  color: var(--oxd-primary-one-color);
}
.orangehrm-profile-button[data-v-eff9f112] {
  display: flex;
  justify-content: center;
  flex: 1;
  margin: 1rem;
  text-align: center;
}
.orangehrm-login-title[data-v-eff9f112] {
  text-align: center;
  font-weight: 800;
  margin-bottom: 1rem;
}
.orangehrm-profile-title[data-v-eff9f112] {
  text-align: center;
  font-weight: 800;
}
.orangehrm-login-pwreset[data-v-eff9f112] {
  margin: 1rem 0;
  text-align: center;
  font-weight: 600;
}
.orangehrm-login-pwreset a[data-v-eff9f112] {
  color: var(--oxd-primary-one-color);
  text-decoration: none;
}
.orangehrm-login-forgot[data-v-eff9f112] {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  font-size: 16px;
}
.orangehrm-login-forgot-header[data-v-eff9f112] {
  text-align: center;
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-demo-credentials[data-v-eff9f112] {
  margin: 1rem 0;
}
.orangehrm-login-footer-sm[data-v-eff9f112] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.orangehrm-login-footer-sm a[data-v-eff9f112] {
  width: 22px;
  height: 22px;
  margin: 0 0.25rem;
}
.orangehrm-login-footer-sm .orangehrm-sm-icon[data-v-eff9f112] {
  width: inherit;
  height: inherit;
  color: rgba(146, 155, 170, 0.8);
}
@media (min-width: 800px) {
.orangehrm-login-footer-sm[data-v-eff9f112] {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
}
}
.orangehrm-login-seperator[data-v-eff9f112] {
  margin: 0.5rem 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAuthenticationPlugin/pages/login.scss?vue&type=style&index=0&id=36d8d690&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-form[data-v-36d8d690] {
  margin: 0 auto;
}
@media (min-width: 0px) {
.orangehrm-login-form[data-v-36d8d690] {
    width: 80%;
}
}
@media (min-width: 800px) {
.orangehrm-login-form[data-v-36d8d690] {
    width: 60%;
    max-width: 485px;
}
}
.orangehrm-login-action[data-v-36d8d690] {
  margin-top: 2rem;
  justify-content: center;
}
.orangehrm-create-account-action[data-v-36d8d690] {
  margin-top: 1rem;
  justify-content: center;
}
.orangehrm-login-button[data-v-36d8d690] {
  flex: 1;
  padding: 1rem 0;
}
.orangehrm-create-account-button[data-v-36d8d690] {
  flex: 1;
  padding: 1rem 0;
  background-color: transparent;
  border: 1px solid;
  color: var(--oxd-primary-one-color);
}
.orangehrm-profile-button[data-v-36d8d690] {
  display: flex;
  justify-content: center;
  flex: 1;
  margin: 1rem;
  text-align: center;
}
.orangehrm-login-title[data-v-36d8d690] {
  text-align: center;
  font-weight: 800;
  margin-bottom: 1rem;
}
.orangehrm-profile-title[data-v-36d8d690] {
  text-align: center;
  font-weight: 800;
}
.orangehrm-login-pwreset[data-v-36d8d690] {
  margin: 1rem 0;
  text-align: center;
  font-weight: 600;
}
.orangehrm-login-pwreset a[data-v-36d8d690] {
  color: var(--oxd-primary-one-color);
  text-decoration: none;
}
.orangehrm-login-forgot[data-v-36d8d690] {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  font-size: 16px;
}
.orangehrm-login-forgot-header[data-v-36d8d690] {
  text-align: center;
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-demo-credentials[data-v-36d8d690] {
  margin: 1rem 0;
}
.orangehrm-login-footer-sm[data-v-36d8d690] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.orangehrm-login-footer-sm a[data-v-36d8d690] {
  width: 22px;
  height: 22px;
  margin: 0 0.25rem;
}
.orangehrm-login-footer-sm .orangehrm-sm-icon[data-v-36d8d690] {
  width: inherit;
  height: inherit;
  color: rgba(146, 155, 170, 0.8);
}
@media (min-width: 800px) {
.orangehrm-login-footer-sm[data-v-36d8d690] {
    position: absolute;
    left: 1rem;
    bottom: 1rem;
}
}
.orangehrm-login-seperator[data-v-36d8d690] {
  margin: 0.5rem 0;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAuthenticationPlugin/components/CardNote.vue?vue&type=style&index=0&id=2663fbc5&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-icon[data-v-2663fbc5] {
  font-size: 1.5rem;
  color: #eb0910;
  padding: 1rem;
}
.orangehrm-card-note[data-v-2663fbc5] {
  font-size: 12px;
}
.orangehrm-card-note-text[data-v-2663fbc5] {
  color: #eb0910;
}
.orangehrm-card-note-icon[data-v-2663fbc5] {
  flex-shrink: 0;
}
.orangehrm-card-note--background[data-v-2663fbc5] {
  background-color: #e8eaef;
  border-radius: 1.2rem;
  padding: 1.2rem;
}
.orangehrm-card-note--icon[data-v-2663fbc5] {
  display: flex;
  align-items: center;
  background-color: rgba(235, 9, 16, 0.06);
  border-radius: 1.2rem;
  padding: 1rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=79534189&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-79534189] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-79534189] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-79534189] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-79534189] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-79534189] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-79534189] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-79534189] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-79534189] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-79534189] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-79534189] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-79534189] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-79534189] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-79534189] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-79534189] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-79534189] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-79534189] {
    margin-right: 0.5rem;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=28c433be&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-28c433be] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-28c433be] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-28c433be] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-28c433be] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-28c433be] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-28c433be] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-28c433be] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-28c433be] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-28c433be] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-28c433be] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-28c433be] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-28c433be] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-28c433be] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-28c433be] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-28c433be] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-28c433be] {
    margin-right: 0.5rem;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=62b1802f&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-62b1802f] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-62b1802f] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-62b1802f] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-62b1802f] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-62b1802f] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-62b1802f] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-62b1802f] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-62b1802f] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-62b1802f] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-62b1802f] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-62b1802f] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-62b1802f] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-62b1802f] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-62b1802f] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-62b1802f] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-62b1802f] {
    margin-right: 0.5rem;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmAuthenticationPlugin/pages/AdministratorAccess.vue?vue&type=style&index=0&id=107cf650&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-107cf650] {
  box-shadow: 3px 3px 10px #929baa;
}
.orangehrm-admin-access-container[data-v-107cf650] {
  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-107cf650] {
    margin: 0 auto;
    max-width: 450px;
}
}
.orangehrm-admin-access-title[data-v-107cf650] {
  font-weight: 700;
}
.orangehrm-admin-access-note-container[data-v-107cf650] {
  padding-bottom: 1.2rem;
}
.orangehrm-admin-access-button[data-v-107cf650] {
  flex: 1;
}
.orangehrm-admin-access-button[data-v-107cf650]:nth-child(2) {
  margin-top: 0.5rem;
}
@media (min-width: 800px) {
.orangehrm-admin-access-button[data-v-107cf650]:nth-child(2) {
    margin: 0;
    margin-left: 0.5rem;
}
}
.orangehrm-admin-access-button-container[data-v-107cf650] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-admin-access-button-container[data-v-107cf650] {
    flex-direction: row;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=e508e1e8&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-e508e1e8] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-e508e1e8] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-e508e1e8] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-e508e1e8] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-e508e1e8] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-e508e1e8] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-e508e1e8] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-e508e1e8] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-e508e1e8] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-e508e1e8] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-e508e1e8] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-e508e1e8] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-e508e1e8] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-e508e1e8] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-e508e1e8] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-e508e1e8] {
    margin-right: 0.5rem;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=963a5e2c&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-963a5e2c] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-963a5e2c] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-963a5e2c] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-963a5e2c] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-963a5e2c] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-963a5e2c] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-963a5e2c] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-963a5e2c] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-963a5e2c] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-963a5e2c] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-963a5e2c] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-963a5e2c] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-963a5e2c] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-963a5e2c] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-963a5e2c] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-963a5e2c] {
    margin-right: 0.5rem;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=7268b181&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-7268b181] {
  box-shadow: 3px 3px 10px #929baa;
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-7268b181] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-7268b181] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-7268b181] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-7268b181] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-7268b181] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-7268b181] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-7268b181] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-7268b181] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-7268b181] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-7268b181] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-7268b181] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-7268b181] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-7268b181] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-7268b181] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-7268b181] {
    margin-right: 0.5rem;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmDashboardPlugin/components/base-widget.scss?vue&type=style&index=0&id=00a15088&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dashboard-widget[data-v-00a15088] {
  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-00a15088] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-dashboard-widget-name[data-v-00a15088] {
  display: flex;
  font-size: 14px;
  font-weight: 700;
  align-items: center;
}
.orangehrm-dashboard-widget-icon[data-v-00a15088] {
  height: 15px;
  margin-right: 0.5rem;
}
.orangehrm-dashboard-widget-body[data-v-00a15088] {
  height: 318px;
  overflow: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-dashboard-widget-body-nocontent[data-v-00a15088] {
  font-size: 10px;
  text-align: center;
  margin-top: 2.5rem;
}
.orangehrm-dashboard-widget-body.--scroll-visible[data-v-00a15088] {
  padding-right: 5px;
}
.orangehrm-dashboard-widget-body[data-v-00a15088]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-dashboard-widget-body[data-v-00a15088]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-dashboard-widget-body[data-v-00a15088]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-dashboard-widget-body[data-v-00a15088] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-dashboard-widget-watermark[data-v-00a15088] {
  width: 175px;
  text-align: center;
  margin: 60px auto auto;
}
.orangehrm-dashboard-widget-img[data-v-00a15088] {
  width: 60%;
}
.orangehrm-dashboard-widget-loader[data-v-00a15088] {
  margin: 9rem auto;
  background-color: #ffffff;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmDashboardPlugin/components/quick-launch-widget.scss?vue&type=style&index=0&id=85c93abe&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-quick-launch[data-v-85c93abe] {
  margin: 0;
  grid-template-columns: repeat(3, 1fr);
}
.orangehrm-quick-launch-card[data-v-85c93abe] {
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 0.8rem;
}
.orangehrm-quick-launch-icon[data-v-85c93abe] {
  flex: 0 0 1;
  padding: 0;
  margin-bottom: 0.25rem;
}
.orangehrm-quick-launch-icon[data-v-85c93abe] .oxd-icon {
  width: 60px;
  height: 60px;
  padding: 12px;
  box-sizing: border-box;
}
.orangehrm-quick-launch-icon[data-v-85c93abe]:focus, .orangehrm-quick-launch-icon[data-v-85c93abe]:hover, .orangehrm-quick-launch-icon[data-v-85c93abe]:active {
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-15-color);
}
.orangehrm-quick-launch-heading[data-v-85c93abe] {
  width: 75px;
}
.orangehrm-quick-launch-heading .--text[data-v-85c93abe] {
  font-size: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmBuzzPlugin/components/VideoFrame.vue?vue&type=style&index=0&id=db13d120&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-video[data-v-db13d120] {
  height: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
}
.orangehrm-buzz-video-frame[data-v-db13d120] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 0.75rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmBuzzPlugin/components/ProfileImage.vue?vue&type=style&index=0&id=79e37d70&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-profile-image img[data-v-79e37d70] {
  width: 45px;
  height: 45px;
  display: flex;
  flex-shrink: 0;
  border-radius: 100%;
  box-sizing: border-box;
  justify-content: center;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmDashboardPlugin/components/buzz-latest-post-widget.scss?vue&type=style&index=0&id=b8bc9e9e&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-widget[data-v-b8bc9e9e] {
  margin: 0;
  grid-gap: 10px;
}
.orangehrm-buzz-widget-card[data-v-b8bc9e9e] {
  display: block;
  padding: 0.5rem;
  border-radius: 0.75rem;
  border: 1px solid #e8eaef;
}
.orangehrm-buzz-widget-header[data-v-b8bc9e9e] {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.orangehrm-buzz-widget-header-text[data-v-b8bc9e9e] {
  margin-left: 10px;
}
.orangehrm-buzz-widget-header-emp[data-v-b8bc9e9e] {
  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-b8bc9e9e]: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-b8bc9e9e] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-widget-header-emp[data-v-b8bc9e9e]:after {
    display: none;
}
}
.orangehrm-buzz-widget-header-time[data-v-b8bc9e9e] {
  font-size: 10px;
  color: #929baa;
}
.orangehrm-buzz-widget-header[data-v-b8bc9e9e] .orangehrm-buzz-profile-image img {
  width: 35px;
  height: 35px;
}
.orangehrm-buzz-widget-body[data-v-b8bc9e9e] {
  font-size: 12px;
  text-align: justify;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.orangehrm-buzz-widget-picture[data-v-b8bc9e9e] {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.75rem;
}
.orangehrm-buzz-widget-divider[data-v-b8bc9e9e] {
  border-style: dashed;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmDashboardPlugin/components/EmployeeSubunitWidget.vue?vue&type=style&index=0&id=85d3d452&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.emp-distrib-chart[data-v-85d3d452] {
  width: auto;
  height: 312px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmDashboardPlugin/components/my-action-summary-widget.scss?vue&type=style&index=0&id=2bda3536&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-todo-list[data-v-2bda3536] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.orangehrm-todo-list-item[data-v-2bda3536] {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.orangehrm-todo-list-item p[data-v-2bda3536] {
  font-size: 12px;
  margin-left: 0.5rem;
  cursor: pointer;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmDashboardPlugin/components/EmployeeLocationWidget.vue?vue&type=style&index=0&id=5042e18c&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.emp-distrib-chart[data-v-5042e18c] {
  width: auto;
  height: 312px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmDashboardPlugin/components/EmployeesOnLeaveConfigModal.vue?vue&type=style&index=0&id=09501c96&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-09501c96] {
  display: flex;
  align-items: center;
}
.orangehrm-config-title[data-v-09501c96] {
  margin-left: 1rem;
}
.orangehrm-config-checkbox .oxd-input-group[data-v-09501c96] {
  margin: 0;
  padding: 1rem 0;
  flex-direction: row;
}
.orangehrm-config-checkbox[data-v-09501c96] .oxd-input-group__label-wrapper {
  margin: 0;
  margin-right: 1rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmDashboardPlugin/components/employee-on-leave-widget.scss?vue&type=style&index=0&id=50db4b8a&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-card[data-v-50db4b8a] {
  display: flex;
  font-size: 12px;
  align-items: center;
  margin-bottom: 0.5rem;
}
.orangehrm-leave-card-profile-image img[data-v-50db4b8a] {
  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-50db4b8a] {
  margin-left: 1rem;
  word-break: break-word;
}
.orangehrm-leave-card-emp-id[data-v-50db4b8a] {
  padding: 0 5px;
  font-weight: 600;
  margin-left: auto;
  white-space: nowrap;
}
.orangehrm-leave-card-emp-name[data-v-50db4b8a] {
  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-50db4b8a]: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-50db4b8a] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-leave-card-emp-name[data-v-50db4b8a]:after {
    display: none;
}
}
.orangehrm-leave-card-leave-details[data-v-50db4b8a] {
  font-size: 12px;
}
.orangehrm-leave-card-icon[data-v-50db4b8a] {
  cursor: pointer;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmDashboardPlugin/components/employee-attendance-widget.scss?vue&type=style&index=0&id=65f4d32e&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-attendance-card[data-v-65f4d32e] {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.orangehrm-attendance-card-profile[data-v-65f4d32e] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.orangehrm-attendance-card-profile-image img[data-v-65f4d32e] {
  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-65f4d32e] {
  margin-left: 1rem;
}
.orangehrm-attendance-card-bar[data-v-65f4d32e] {
  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-65f4d32e] {
  display: flex;
  font-size: 10px;
  align-items: center;
  margin-bottom: 0.75rem;
  justify-content: space-between;
}
.orangehrm-attendance-card-summary p[data-v-65f4d32e]:first-of-type {
  font-weight: 700;
}
.orangehrm-attendance-card-summary-total[data-v-65f4d32e] {
  gap: 5px;
  display: flex;
  font-weight: 700;
  padding: 0.35rem;
  border-radius: 0.75rem;
  background-color: #f1f2f5;
}
.orangehrm-attendance-card-icon[data-v-65f4d32e] {
  height: 15px;
  font-size: 15px;
}
.orangehrm-attendance-card-state[data-v-65f4d32e] {
  font-weight: 700;
  white-space: nowrap;
  color: var(--oxd-primary-one-color);
}
.orangehrm-attendance-card-details[data-v-65f4d32e] {
  font-size: 10px;
  word-break: break-word;
}
.orangehrm-attendance-card-action[data-v-65f4d32e] {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 20px;
  transform: translate(0%, -50%);
  outline: 5px solid #ffffff !important;
}
.emp-attendance-chart[data-v-65f4d32e] {
  height: 170px;
  padding: 0 1rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmDashboardPlugin/pages/ViewDashboard.vue?vue&type=style&index=0&id=f6bb31c4&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dashboard-grid[data-v-f6bb31c4] {
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1050px;
  grid-template-columns: repeat(auto-fill, minmax(max(320px, 33.3333333333%), 1fr));
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/photo-frame.scss?vue&type=style&index=0&id=66c8eb99&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-photos[data-v-66c8eb99] {
  gap: 0.5rem;
  display: grid;
  grid-template-areas: "first-photo";
}
.orangehrm-buzz-photos-item[data-v-66c8eb99] {
  position: relative;
}
.orangehrm-buzz-photos-item img[data-v-66c8eb99] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.75rem;
}
.orangehrm-buzz-photos-item[data-v-66c8eb99]:first-of-type {
  grid-area: first-photo;
}
.orangehrm-buzz-photos.--two-thumbnails[data-v-66c8eb99] {
  grid-template-areas: "first-photo" "second-photo";
}
.orangehrm-buzz-photos.--three-thumbnails[data-v-66c8eb99] {
  grid-template-areas: "first-photo first-photo" "second-photo third-photo";
  grid-template-columns: 1fr 1fr;
}
.orangehrm-buzz-photos.--four-thumbnails[data-v-66c8eb99], .orangehrm-buzz-photos.--five-thumbnails[data-v-66c8eb99] {
  grid-template-areas: "first-photo second-photo" "third-photo fourth-photo";
  grid-template-columns: 1fr 1fr;
}
.orangehrm-buzz-photos.--two-thumbnails[data-v-66c8eb99], .orangehrm-buzz-photos.--three-thumbnails[data-v-66c8eb99], .orangehrm-buzz-photos.--four-thumbnails[data-v-66c8eb99] {
  grid-template-rows: repeat(2, minmax(auto, 9rem));
}
@media (min-width: 800px) {
.orangehrm-buzz-photos.--two-thumbnails[data-v-66c8eb99], .orangehrm-buzz-photos.--three-thumbnails[data-v-66c8eb99], .orangehrm-buzz-photos.--four-thumbnails[data-v-66c8eb99] {
    grid-template-rows: repeat(2, minmax(auto, 18rem));
}
}
.orangehrm-buzz-photos.--five-thumbnails[data-v-66c8eb99] {
  grid-template-rows: repeat(3, minmax(auto, 9rem));
}
@media (min-width: 800px) {
.orangehrm-buzz-photos.--five-thumbnails[data-v-66c8eb99] {
    grid-template-rows: repeat(3, minmax(auto, 18rem));
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/post-body.scss?vue&type=style&index=0&id=7f41cda0&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-post-body[data-v-7f41cda0] {
  word-wrap: break-word;
  white-space: pre-wrap;
}
.orangehrm-buzz-post-body-text[data-v-7f41cda0] {
  font-weight: 300;
  text-align: justify;
}
.orangehrm-buzz-post-body-text.--truncate[data-v-7f41cda0] {
  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-7f41cda0]: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-7f41cda0] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-post-body-text.--truncate[data-v-7f41cda0]:after {
    display: none;
}
}
.orangehrm-buzz-post-body-readmore[data-v-7f41cda0] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-buzz-post-body-readmore[data-v-7f41cda0]:hover {
  text-decoration: underline;
}
.orangehrm-buzz-post-body-picture[data-v-7f41cda0] {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
}
.orangehrm-buzz-post-body-picture.--more[data-v-7f41cda0] {
  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-7f41cda0] {
    height: 18rem;
}
}
.orangehrm-buzz-post-body-more[data-v-7f41cda0] {
  font-size: 3rem;
  font-weight: 600;
  color: #ffffff;
}
.orangehrm-buzz-post-body-employee[data-v-7f41cda0] {
  font-size: 0.9rem;
}
.orangehrm-buzz-post-body-date[data-v-7f41cda0] {
  font-size: 0.6rem;
  color: #929baa;
}
.orangehrm-buzz-post-body-original-text[data-v-7f41cda0] {
  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-7f41cda0]: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-7f41cda0] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-post-body-original-text[data-v-7f41cda0]:after {
    display: none;
}
}
.orangehrm-buzz-post-body[data-v-7f41cda0] .orangehrm-buzz-photos-item:nth-of-type(5) {
  display: none;
}
.orangehrm-buzz-post-body[data-v-7f41cda0] .orangehrm-buzz-photos.--five-thumbnails {
  grid-template-rows: repeat(2, minmax(auto, 9rem));
}
@media (min-width: 800px) {
.orangehrm-buzz-post-body[data-v-7f41cda0] .orangehrm-buzz-photos.--five-thumbnails {
    grid-template-rows: repeat(2, minmax(auto, 18rem));
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/post-stats-modal.scss?vue&type=style&index=0&id=fe656a68&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-stats-modal[data-v-fe656a68] {
  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-fe656a68] {
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}
.orangehrm-buzz-stats-modal-employee[data-v-fe656a68] .orangehrm-buzz-profile-image img {
  width: 40px;
  height: 40px;
}
.orangehrm-buzz-stats-modal-employee[data-v-fe656a68]:last-of-type {
  margin-bottom: 0;
}
.orangehrm-buzz-stats-modal-employee-name[data-v-fe656a68] {
  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-fe656a68]: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-fe656a68] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-stats-modal-employee-name[data-v-fe656a68]:after {
    display: none;
}
}
.orangehrm-buzz-stats-modal .orangehrm-buzz-loader[data-v-fe656a68] {
  margin: 0.5rem 3rem;
}
.orangehrm-buzz-stats-dialog-header[data-v-fe656a68] {
  display: flex;
  align-items: center;
}
.orangehrm-buzz-stats-dialog-icon[data-v-fe656a68] {
  margin-right: 0.5rem;
}
.orangehrm-buzz-stats-dialog-icon.--likes[data-v-fe656a68] {
  color: #eb0910;
}
.orangehrm-buzz-stats-dialog-employee[data-v-fe656a68] {
  gap: 0.5rem;
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}
.orangehrm-buzz-stats-dialog-employee-name[data-v-fe656a68] {
  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-fe656a68]: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-fe656a68] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-stats-dialog-employee-name[data-v-fe656a68]:after {
    display: none;
}
}
.orangehrm-buzz-stats-dialog .orangehrm-buzz-loader[data-v-fe656a68] {
  margin: 0 auto;
}
[data-v-fe656a68] .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-fe656a68] .orangehrm-buzz-stats-dialog::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
[data-v-fe656a68] .orangehrm-buzz-stats-dialog::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
[data-v-fe656a68] .orangehrm-buzz-stats-dialog::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
[data-v-fe656a68] .orangehrm-buzz-stats-dialog {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
[data-v-fe656a68] .oxd-dialog-close-button {
  display: none;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/post-stats.scss?vue&type=style&index=0&id=b54c4bde&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-stats-row[data-v-b54c4bde] {
  display: flex;
  position: relative;
  font-size: 0.75rem;
  justify-content: flex-end;
}
.orangehrm-buzz-stats-row[data-v-b54c4bde]:first-of-type {
  font-size: 1rem;
  font-weight: 700;
  align-items: center;
}
.orangehrm-buzz-stats-active[data-v-b54c4bde] {
  cursor: pointer;
}
.orangehrm-buzz-stats-active[data-v-b54c4bde]:hover {
  text-decoration: underline;
}
.orangehrm-buzz-stats-like-icon[data-v-b54c4bde] {
  height: 15px;
  margin-right: 5px;
  color: #eb0910;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmBuzzPlugin/components/PostModal.vue?vue&type=style&index=0&id=bb854dc2&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-post-modal-header[data-v-bb854dc2] {
  gap: 1rem;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.orangehrm-buzz-post-modal-header-text[data-v-bb854dc2] {
  width: 100%;
}
.orangehrm-buzz-post-modal-actions[data-v-bb854dc2] {
  display: flex;
  margin-top: 1rem;
  justify-content: center;
}
.orangehrm-buzz-post-modal-actions[data-v-bb854dc2] .oxd-button {
  width: 90%;
}
.orangehrm-modal-header[data-v-bb854dc2] {
  text-align: center;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/photo-upload-area.scss?vue&type=style&index=0&id=541c179c&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-photo-upload-area[data-v-541c179c] {
  margin: 0 auto;
}
.orangehrm-photo-upload-icon[data-v-541c179c] {
  font-size: 5rem;
  color: #e8eaef;
}
[data-v-541c179c] .oxd-file-div {
  padding: 1rem;
  cursor: pointer;
  text-align: center;
  border: 0.25rem dashed #e8eaef;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/photo-input.scss?vue&type=style&index=0&id=a7edb914&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-photo-input-field[data-v-a7edb914] .oxd-file-div {
  all: unset;
  z-index: 1;
  left: 1rem;
  top: 0.5rem;
  position: absolute;
}
.orangehrm-photo-input-field[data-v-a7edb914] .oxd-input-group {
  margin: unset;
  position: relative;
}
.orangehrm-photo-input-field[data-v-a7edb914] .oxd-input-group__label-wrapper {
  display: none;
}
.orangehrm-photo-input-remove[data-v-a7edb914] {
  padding: 0;
  min-width: 1.5625rem;
  min-height: 1.5625rem;
  color: #ffffff;
}
.orangehrm-photo-input-remove.--float[data-v-a7edb914] {
  top: -5px;
  right: 0px;
  position: absolute;
  background-color: #b8bdc7;
}
.orangehrm-photo-input-remove[data-v-a7edb914]:hover {
  background-color: #64728c;
}
.orangehrm-photo-input[data-v-a7edb914] .orangehrm-buzz-photos-item {
  padding: 0 5px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/create-post.scss?vue&type=style&index=0&id=799acf0c&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-create-post[data-v-799acf0c] {
  margin: 0.5rem 0 1rem 0;
}
.orangehrm-buzz-create-post-header[data-v-799acf0c] {
  gap: 1rem;
  display: flex;
}
.orangehrm-buzz-create-post-header-text[data-v-799acf0c] {
  width: 100%;
}
.orangehrm-buzz-create-post-actions[data-v-799acf0c] {
  gap: 0.5rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 600px) {
.orangehrm-buzz-create-post-actions[data-v-799acf0c] {
    gap: unset;
    flex-direction: row;
    justify-content: space-around;
}
}
[data-v-799acf0c] .oxd-glass-button {
  width: 100%;
  justify-content: center;
}
@media (min-width: 600px) {
[data-v-799acf0c] .oxd-glass-button {
    width: unset;
    justify-content: unset;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/post-like-button.scss?vue&type=style&index=0&id=7e11c9a7&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-heart-icon[data-v-7e11c9a7] {
  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-7e11c9a7] {
  transform-origin: center;
  animation: animateHeartOut-7e11c9a7 0.3s linear forwards;
}
.orangehrm-heart-icon-circle[data-v-7e11c9a7] {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  position: absolute;
  border-radius: 100%;
}
.orangehrm-like-animation[data-v-7e11c9a7] {
  position: relative;
}
.orangehrm-like-animation .orangehrm-heart-icon-path[data-v-7e11c9a7] {
  fill: #e2264d;
  transform: scale(0.2);
  animation: animateHeart-7e11c9a7 0.3s linear forwards 0.25s;
}
.orangehrm-like-animation .orangehrm-heart-icon-circle[data-v-7e11c9a7] {
  animation: animateCircle-7e11c9a7 0.3s linear forwards;
}
.orangehrm-like-animation .orangehrm-heart-icon-group1[data-v-7e11c9a7] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group1 .orangehrm-heart-icon-oval1[data-v-7e11c9a7] {
  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-7e11c9a7] {
  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-7e11c9a7] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group2 .orangehrm-heart-icon-oval1[data-v-7e11c9a7] {
  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-7e11c9a7] {
  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-7e11c9a7] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group3 .orangehrm-heart-icon-oval1[data-v-7e11c9a7] {
  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-7e11c9a7] {
  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-7e11c9a7] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group4 .orangehrm-heart-icon-oval1[data-v-7e11c9a7] {
  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-7e11c9a7] {
  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-7e11c9a7] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group5 .orangehrm-heart-icon-oval1[data-v-7e11c9a7] {
  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-7e11c9a7] {
  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-7e11c9a7] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group6 .orangehrm-heart-icon-oval1[data-v-7e11c9a7] {
  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-7e11c9a7] {
  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-7e11c9a7] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group7 .orangehrm-heart-icon-oval1[data-v-7e11c9a7] {
  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-7e11c9a7] {
  transform: scale(0) translate(-55px, -30px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
@keyframes animateCircle-7e11c9a7 {
0% {
    border: 0px;
    opacity: 0.6;
    display: block;
    transform: scale(0);
    background-color: #e2264d;
}
40% {
    transform: scale(0.2);
    background-color: #dd4688;
}
55% {
    transform: scale(0.4);
    background-color: #d46abf;
}
65% {
    transform: scale(0.6);
    background-color: #cc8ef5;
}
75% {
    opacity: 0.8;
    transform: scale(0.8);
    border: 5px solid #cc8ef5;
    background-color: transparent;
}
85% {
    border: 2.5px solid #cc8ef5;
    background-color: transparent;
}
95% {
    border: 2.5px solid #cc8ef5;
    background-color: transparent;
}
99% {
    display: block;
}
100% {
    opacity: 0;
    border: 0px;
    display: none;
    transform: scale(1);
}
}
@keyframes animateHeart-7e11c9a7 {
0% {
    transform: scale(0.2);
}
40% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
@keyframes animateHeartOut-7e11c9a7 {
0% {
    transform: scale(1.4);
}
100% {
    transform: scale(1);
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmBuzzPlugin/components/PostActions.vue?vue&type=style&index=0&id=2910d0ef&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-post-actions[data-v-2910d0ef] {
  gap: 5px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-buzz-post-actions[data-v-2910d0ef] .oxd-icon-button {
  width: 36px;
  height: 36px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmBuzzPlugin/components/EditPostModal.vue?vue&type=style&index=0&id=9e2ec396&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-share-employee[data-v-9e2ec396] {
  font-size: 0.9rem;
}
.orangehrm-buzz-share-date[data-v-9e2ec396] {
  font-size: 0.6rem;
  color: #929baa;
}
.orangehrm-buzz-share-text[data-v-9e2ec396] {
  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-9e2ec396]: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-9e2ec396] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-share-text[data-v-9e2ec396]:after {
    display: none;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/photo-viewer.scss?vue&type=style&index=0&id=34a44016&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-photo-viewer[data-v-34a44016] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.orangehrm-photo-viewer-photo[data-v-34a44016] {
  top: 0;
  height: 100vh;
  width: inherit;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}
.orangehrm-photo-viewer-background[data-v-34a44016] {
  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-34a44016] {
  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-34a44016] {
    gap: 1rem;
    padding: 0;
    bottom: 50px;
    justify-content: center;
}
}
.orangehrm-photo-viewer-close[data-v-34a44016] {
  top: 1rem;
  left: 1rem;
  position: absolute;
}
.orangehrm-photo-viewer-actions[data-v-34a44016] {
  left: 0;
  right: 0;
  bottom: 25px;
  margin: 0 0.75rem;
  position: absolute;
}
[data-v-34a44016] .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-34a44016] .actions:hover {
  background-color: #64728c;
}
[data-v-34a44016] .actions:disabled {
  opacity: 0.5;
  background-color: unset;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/post-comment.scss?vue&type=style&index=0&id=4700f551&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-comment-wrapper[data-v-4700f551] {
  gap: 10px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.orangehrm-post-comment[data-v-4700f551] {
  width: 100%;
}
.orangehrm-post-comment-employee[data-v-4700f551] {
  font-size: 1rem;
  font-weight: 600;
  overflow-wrap: break-word;
}
.orangehrm-post-comment-datetime[data-v-4700f551] {
  font-weight: 300;
  font-size: 0.6rem;
  color: #929baa;
}
.orangehrm-post-comment-area[data-v-4700f551] {
  padding: 0.5rem;
  position: relative;
  border-radius: 0.8rem;
  background-color: #f6f5fb;
}
.orangehrm-post-comment-action-area[data-v-4700f551] {
  gap: 1rem;
  display: flex;
  font-size: 0.75rem;
  margin-top: 0.1rem;
}
.orangehrm-post-comment-action.--cancel[data-v-4700f551] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-comment-action.--liked[data-v-4700f551] {
  color: #eb0910;
}
.orangehrm-post-comment-action[data-v-4700f551]:hover {
  cursor: pointer;
  text-decoration: underline;
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-comment form[data-v-4700f551] {
  font-size: 0.75rem;
}
.orangehrm-post-comment-text[data-v-4700f551] {
  font-weight: 300;
  font-size: 0.75rem;
  overflow-wrap: break-word;
}
.orangehrm-post-comment-text.--truncate[data-v-4700f551] {
  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-4700f551]: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-4700f551] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-post-comment-text.--truncate[data-v-4700f551]:after {
    display: none;
}
}
.orangehrm-post-comment-readmore[data-v-4700f551] {
  cursor: pointer;
  font-size: 0.75rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-comment-readmore[data-v-4700f551]:hover {
  text-decoration: underline;
}
.orangehrm-post-comment-stats[data-v-4700f551] {
  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-4700f551] {
  height: 12px;
  color: #eb0910;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmBuzzPlugin/components/PostCommentContainer.vue?vue&type=style&index=0&id=05447840&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-comment-add[data-v-05447840] {
  gap: 10px;
  display: flex;
}
.orangehrm-buzz-comment-add form[data-v-05447840] {
  width: 100%;
}
.orangehrm-buzz-comment-readmore[data-v-05447840] {
  margin: 0 auto;
  cursor: pointer;
  font-size: 0.9rem;
  text-align: center;
  color: var(--oxd-primary-one-color);
}
.orangehrm-buzz-comment-readmore[data-v-05447840]:hover {
  text-decoration: underline;
}
.orangehrm-buzz-comment[data-v-05447840] .oxd-input-group__label-wrapper {
  display: none;
}
.orangehrm-buzz-comment[data-v-05447840] .oxd-input-field-bottom-space {
  margin-bottom: unset;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/post-details.scss?vue&type=style&index=0&id=50794fb4&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-post-details[data-v-50794fb4] {
  padding: 1.2rem;
  overflow-y: auto;
  height: 100vh;
  background: #ffffff;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-post-details[data-v-50794fb4]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-post-details[data-v-50794fb4]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-post-details[data-v-50794fb4]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-post-details[data-v-50794fb4] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-post-details-header[data-v-50794fb4] {
  gap: 1rem;
  display: flex;
  align-items: center;
}
.orangehrm-post-details-time[data-v-50794fb4] {
  font-size: 0.75rem;
  color: #929baa;
}
.orangehrm-post-details-emp-name[data-v-50794fb4] {
  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-50794fb4]: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-50794fb4] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-post-details-emp-name[data-v-50794fb4]:after {
    display: none;
}
}
.orangehrm-post-details-readmore[data-v-50794fb4] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-details-readmore[data-v-50794fb4]:hover {
  text-decoration: underline;
}
.orangehrm-post-details-text[data-v-50794fb4] {
  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-50794fb4] {
  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-50794fb4]: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-50794fb4] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-post-details-text.--truncate[data-v-50794fb4]:after {
    display: none;
}
}
.orangehrm-post-details-actions[data-v-50794fb4] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.orangehrm-post-details-close[data-v-50794fb4] {
  display: block;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-post-details-close[data-v-50794fb4] {
    display: none;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmBuzzPlugin/components/PostActionsPill.vue?vue&type=style&index=0&id=a2b52370&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-pill[data-v-a2b52370] {
  display: flex;
  padding: 0.5rem;
  border-radius: 1rem;
  align-items: flex-start;
  background: #ffffff;
  justify-content: space-between;
}
.orangehrm-buzz-pill-actions[data-v-a2b52370] {
  gap: 5px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-buzz-pill-actions[data-v-a2b52370] .oxd-icon-button {
  width: 36px;
  height: 36px;
}
.orangehrm-buzz-pill-stats-likes[data-v-a2b52370] {
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  align-items: flex-end;
  justify-content: flex-end;
}
.orangehrm-buzz-pill-stats-likes[data-v-a2b52370] .oxd-icon {
  margin-right: 5px;
  color: #eb0910;
}
.orangehrm-buzz-pill-stats-other[data-v-a2b52370] {
  display: flex;
  font-size: 0.75rem;
  justify-content: flex-end;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/photo-carousel.scss?vue&type=style&index=0&id=38fdad64&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-photo-carousel[data-v-38fdad64] {
  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-38fdad64] {
  display: grid;
  grid-template-columns: 70% 30%;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/post-container.scss?vue&type=style&index=0&id=d5b6381a&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz[data-v-d5b6381a] {
  padding: 1rem;
  margin-bottom: 1rem;
}
.orangehrm-buzz-like-icon[data-v-d5b6381a] {
  color: #eb0910;
}
.orangehrm-buzz-loader[data-v-d5b6381a] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
}
.orangehrm-buzz-post-header[data-v-d5b6381a] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-buzz-post-header-details[data-v-d5b6381a] {
  display: flex;
  align-items: center;
}
.orangehrm-buzz-post-header-text[data-v-d5b6381a] {
  margin-left: 1rem;
}
.orangehrm-buzz-post-header-config[data-v-d5b6381a] {
  list-style: none;
  position: relative;
}
.orangehrm-buzz-post-header-config-item[data-v-d5b6381a] {
  gap: 10px;
  display: flex;
  cursor: pointer;
  font-size: 12px;
  align-items: center;
  padding: 0.5rem 1rem;
}
.orangehrm-buzz-post-header-config-item[data-v-d5b6381a]:hover {
  background-color: #f6f7f9;
}
.orangehrm-buzz-post-emp-name[data-v-d5b6381a] {
  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-d5b6381a]: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-d5b6381a] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-post-emp-name[data-v-d5b6381a]:after {
    display: none;
}
}
.orangehrm-buzz-post-time[data-v-d5b6381a] {
  font-size: 0.75rem;
  color: #929baa;
}
.orangehrm-buzz-post-footer[data-v-d5b6381a] {
  padding-top: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
[data-v-d5b6381a] .oxd-dropdown-menu {
  left: unset;
  right: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmBuzzPlugin/components/SharePostModal.vue?vue&type=style&index=0&id=2c2c7d8c&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-share-employee[data-v-2c2c7d8c] {
  font-size: 0.9rem;
}
.orangehrm-buzz-share-date[data-v-2c2c7d8c] {
  font-size: 0.6rem;
  color: #929baa;
}
.orangehrm-buzz-share-text[data-v-2c2c7d8c] {
  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-2c2c7d8c]: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-2c2c7d8c] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-share-text[data-v-2c2c7d8c]:after {
    display: none;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/news-feed.scss?vue&type=style&index=0&id=6ae42acf&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-newsfeed-title[data-v-6ae42acf] {
  display: none;
}
@media (min-width: 1000px) {
.orangehrm-buzz-newsfeed-title[data-v-6ae42acf] {
    display: block;
}
}
.orangehrm-buzz-newsfeed-loader[data-v-6ae42acf] {
  margin: 0 auto;
}
.orangehrm-buzz-newsfeed-noposts[data-v-6ae42acf] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.orangehrm-buzz-newsfeed-noposts img[data-v-6ae42acf] {
  width: 70%;
  margin: 1rem 0;
  max-width: 240px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/post-filters.scss?vue&type=style&index=0&id=d4c10626&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-post-filters[data-v-d4c10626] {
  gap: 0.5rem;
  display: flex;
  margin: 1rem 0;
}
.orangehrm-post-filters-button[data-v-d4c10626] {
  word-break: break-word;
  transition: all 400ms ease-in-out;
}
.orangehrm-post-filters[data-v-d4c10626] .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-d4c10626] .oxd-button {
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
}
@media screen and (min-width: 1920px) {
.orangehrm-post-filters[data-v-d4c10626] .oxd-button {
    padding: 1rem;
}
}
@media screen and (min-width: 1920px) {
.orangehrm-post-filters[data-v-d4c10626] {
    top: 8.5rem;
    margin: unset;
    position: sticky;
    flex-direction: column;
}
}
.orangehrm-post-filters[data-v-d4c10626] .oxd-button--label-warn {
  width: 100%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/components/upcoming-anniversaries.scss?vue&type=style&index=0&id=31945bb8&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-anniversary-content[data-v-31945bb8] {
  height: 100vh;
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary-content[data-v-31945bb8] {
    height: unset;
    overflow: auto;
}
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary-content.--show-more[data-v-31945bb8] {
    max-height: 22rem;
    scrollbar-color: #cfd3de #f6f5fb;
    scrollbar-width: thin;
}
.orangehrm-buzz-anniversary-content.--show-more[data-v-31945bb8]::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}
.orangehrm-buzz-anniversary-content.--show-more[data-v-31945bb8]::-webkit-scrollbar-thumb {
    background: #cfd3de;
    border-radius: 20px;
}
.orangehrm-buzz-anniversary-content.--show-more[data-v-31945bb8]::-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-31945bb8] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-buzz-anniversary-item[data-v-31945bb8] {
  display: flex;
  padding: 0.5rem 0;
  position: relative;
  align-items: center;
}
.orangehrm-buzz-anniversary-title[data-v-31945bb8] {
  display: none;
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary-title[data-v-31945bb8] {
    display: block;
}
}
.orangehrm-buzz-anniversary-profile[data-v-31945bb8] {
  display: flex;
  max-width: 75%;
}
.orangehrm-buzz-anniversary-profile-details[data-v-31945bb8] {
  margin: auto;
  word-break: break-word;
  padding-left: 1rem;
}
.orangehrm-buzz-anniversary-emp-name[data-v-31945bb8] {
  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-31945bb8]: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-31945bb8] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-anniversary-emp-name[data-v-31945bb8]:after {
    display: none;
}
}
.orangehrm-buzz-anniversary-job-details[data-v-31945bb8] {
  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-31945bb8]: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-31945bb8] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-anniversary-job-details[data-v-31945bb8]:after {
    display: none;
}
}
.orangehrm-buzz-anniversary-duration[data-v-31945bb8] {
  width: 4rem;
  font-weight: 600;
  margin-left: auto;
  white-space: nowrap;
}
.orangehrm-buzz-anniversary-duration img[data-v-31945bb8] {
  width: 4rem;
  position: absolute;
}
.orangehrm-buzz-anniversary-duration-years[data-v-31945bb8] {
  font-size: 0.7rem;
  font-weight: 800;
}
.orangehrm-buzz-anniversary-duration-date[data-v-31945bb8] {
  font-size: 0.5rem;
}
.orangehrm-buzz-anniversary-durations-text[data-v-31945bb8] {
  text-align: center;
}
.orangehrm-buzz-anniversary-footer[data-v-31945bb8] {
  font-weight: 700;
  text-align: right;
  font-size: 0.75rem;
}
.orangehrm-buzz-anniversary-footer[data-v-31945bb8] .oxd-text {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-buzz-anniversary-nocontent[data-v-31945bb8] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.orangehrm-buzz-anniversary-nocontent img[data-v-31945bb8] {
  width: 45%;
  margin: 1rem 0;
  max-width: 270px;
}
.orangehrm-buzz-anniversary-nocontent p[data-v-31945bb8] {
  width: 60%;
  text-align: center;
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary[data-v-31945bb8] {
    top: 9rem;
    position: sticky;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmBuzzPlugin/pages/view-buzz.scss?vue&type=style&index=0&id=048f2a24&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-layout[data-v-048f2a24] {
  justify-content: center;
  grid-template-columns: minmax(240px, 640px) minmax(0, 375px);
}
@media screen and (min-width: 1920px) {
.orangehrm-buzz-layout[data-v-048f2a24] {
    gap: 2rem;
    grid-template-columns: minmax(0, 375px) minmax(240px, 640px) minmax(0, 375px);
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmSystemCheckPlugin/components/FlexTable.vue?vue&type=style&index=0&id=00c2d726&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-flex-table[data-v-00c2d726] {
  margin-bottom: 0.75rem;
}
.orangehrm-flex-table-title[data-v-00c2d726] {
  font-weight: 700;
  font-size: 16px;
}
.orangehrm-flex-table-value[data-v-00c2d726] {
  font-weight: 700;
}
.orangehrm-flex-table-value.--success[data-v-00c2d726] {
  color: #34bc40;
}
.orangehrm-flex-table-value.--warning[data-v-00c2d726] {
  color: #ffa62f;
}
.orangehrm-flex-table-value.--error[data-v-00c2d726] {
  color: #eb0910;
}
.orangehrm-flex-table-row[data-v-00c2d726] {
  display: flex;
  width: 100%;
  padding: 0.2rem 0;
}
.orangehrm-flex-table-content[data-v-00c2d726] {
  flex: 1;
}
.orangehrm-flex-table-divider[data-v-00c2d726] {
  border-top-color: #64728c;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmSystemCheckPlugin/pages/SystemCheckScreen.vue?vue&type=style&index=0&id=3c1fb24e&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-system-check[data-v-3c1fb24e] {
  font-size: 12px;
}
.orangehrm-system-check-title[data-v-3c1fb24e] {
  font-weight: 700;
  color: var(--oxd-primary-one-color);
}
.orangehrm-system-check-content.--error[data-v-3c1fb24e] {
  color: #eb0910;
}
.orangehrm-system-check-action[data-v-3c1fb24e] {
  padding: 1rem 0;
}
.orangehrm-system-check-form[data-v-3c1fb24e] {
  margin: 5%;
}
.orangehrm-system-check-form-loading[data-v-3c1fb24e] {
  height: 100%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmClaimPlugin/components/EventAutocomplete.vue?vue&type=style&index=0&id=82a6a592&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

span[data-v-82a6a592] {
  word-break: break-word;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmClaimPlugin/pages/save-claim-event.scss?vue&type=style&index=0&id=c7f7ba58&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-sm-field[data-v-c7f7ba58] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.675rem 0rem;
}
.orangehrm-sm-field-label[data-v-c7f7ba58] {
  font-weight: 700;
  font-size: 12px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmClaimPlugin/pages/save-claim-event.scss?vue&type=style&index=0&id=c50b56be&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-sm-field[data-v-c50b56be] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.675rem 0rem;
}
.orangehrm-sm-field-label[data-v-c50b56be] {
  font-weight: 700;
  font-size: 12px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmClaimPlugin/components/ExpenseTypeAutocomplete.vue?vue&type=style&index=0&id=19eb8ee2&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

span[data-v-19eb8ee2] {
  word-break: break-word;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmClaimPlugin/pages/save-claim-event.scss?vue&type=style&index=0&id=efdfdec4&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-sm-field[data-v-efdfdec4] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.675rem 0rem;
}
.orangehrm-sm-field-label[data-v-efdfdec4] {
  font-weight: 700;
  font-size: 12px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./themes/olecio/orangehrmClaimPlugin/pages/save-claim-event.scss?vue&type=style&index=0&id=f28a16aa&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-sm-field[data-v-f28a16aa] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.675rem 0rem;
}
.orangehrm-sm-field-label[data-v-f28a16aa] {
  font-weight: 700;
  font-size: 12px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmClaimPlugin/components/EditAttachmentModal.vue?vue&type=style&index=0&id=51845196&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.current-file[data-v-51845196] {
  position: relative;
  overflow: hidden;
  max-height: 9;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.current-file[data-v-51845196]: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) {
.current-file[data-v-51845196] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.current-file[data-v-51845196]:after {
    display: none;
}
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmClaimPlugin/components/ClaimAttachment.vue?vue&type=style&index=0&id=c8e21658&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-divider[data-v-c8e21658] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-attachment[data-v-c8e21658] {
  border-bottom-right-radius: 1.2rem;
  overflow: hidden;
}
.orangehrm-action-header[data-v-c8e21658] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
}
.orangehrm-action-header button[data-v-c8e21658] {
  margin-left: 1rem;
  white-space: nowrap;
}
.orangehrm-button-margin[data-v-c8e21658] {
  margin: 0.25rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmClaimPlugin/components/ClaimExpenses.vue?vue&type=style&index=0&id=749815e8&scoped=true&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-divider[data-v-749815e8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-attachment[data-v-749815e8] {
  border-bottom-right-radius: 1.2rem;
  overflow: hidden;
}
.orangehrm-action-header[data-v-749815e8] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
}
.orangehrm-action-header button[data-v-749815e8] {
  margin-left: 1rem;
  white-space: nowrap;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmClaimPlugin/components/ClaimActionButtons.vue?vue&type=style&index=0&id=0dec304a&scoped=true&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-action-buttons-container[data-v-0dec304a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
@media screen and (max-width: 600px) {
.orangehrm-action-buttons-container[data-v-0dec304a] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
}
.orangehrm-action-button-container[data-v-0dec304a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 25px;
}
.orangehrm-sm-button[data-v-0dec304a] {
  margin-left: 1rem;
}
@media screen and (max-width: 600px) {
.orangehrm-sm-button[data-v-0dec304a] {
    margin-bottom: 1rem;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmClaimPlugin/components/ReferenceIdAutocomplete.vue?vue&type=style&index=0&id=0c4352a3&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

span[data-v-0c4352a3] {
  word-break: break-word;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/vue-loader/dist/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./themes/olecio/orangehrmClaimPlugin/components/ClaimEmployeeAutocomplete.vue?vue&type=style&index=0&id=d0a9f6b2&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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