/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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]!./src/core/@oxd/components/Text/text.scss?vue&type=style&index=0&id=3c00841a&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-text[data-v-3c00841a] {
  font-family: "Nunito Sans", sans-serif;
  margin-top: 0;
  margin-bottom: 0;
}
.oxd-text--p[data-v-3c00841a] {
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-text--span[data-v-3c00841a] {
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-text--h1[data-v-3c00841a] {
  font-size: 102px;
  font-weight: 300;
  letter-spacing: -1.5px;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-text--h2[data-v-3c00841a] {
  font-size: 64px;
  font-weight: 300;
  letter-spacing: -0.5px;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-text--h3[data-v-3c00841a] {
  font-size: 51px;
  font-weight: 400;
  letter-spacing: 0px;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-text--h4[data-v-3c00841a] {
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 0.25px;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-text--h5[data-v-3c00841a] {
  font-size: 25px;
  font-weight: 400;
  letter-spacing: 0px;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-text--h6[data-v-3c00841a] {
  font-size: 21px;
  font-weight: 400;
  letter-spacing: 0.15px;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-text--subtitle-1[data-v-3c00841a] {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.15px;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-text--subtitle-2[data-v-3c00841a] {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.15px;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-text--card-title[data-v-3c00841a] {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.15px;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-text--toast-title[data-v-3c00841a] {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.15px;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-text--toast-message[data-v-3c00841a] {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.15px;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-text--card-body[data-v-3c00841a] {
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0.15px;
  color: var(--oxd-interface-gray-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]!./src/core/@oxd/components/Icon/icon.scss?vue&type=style&index=0&id=a5e2a51a&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-icon[data-v-a5e2a51a] {
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-icon.--disabled[data-v-a5e2a51a] {
  color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-icon-slot[data-v-a5e2a51a] {
  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]!./src/core/@oxd/components/Alert/alert.scss?vue&type=style&index=0&id=d6482066&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-alert[data-v-d6482066] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 60px;
  border-radius: 1.2rem;
  margin: 1rem 0;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  background-color: var(--oxd-white-color, #ffffff);
  font-size: 14px;
  font-weight: 600;
}
.oxd-alert--success[data-v-d6482066] {
  color: var(--oxd-feedback-success-color, #34bc40);
  background-color: var(--oxd-feedback-success-alpha-5-color, rgba(52, 188, 64, 0.05));
}
.oxd-alert--warn[data-v-d6482066] {
  color: var(--oxd-feedback-warn-color, #ffa62f);
  background-color: var(--oxd-feedback-warn-alpha-5-color, rgba(255, 166, 47, 0.05));
}
.oxd-alert--error[data-v-d6482066] {
  color: var(--oxd-feedback-danger-color, #eb0910);
  background-color: var(--oxd-feedback-danger-alpha-5-color, rgba(235, 9, 16, 0.05));
}
.oxd-alert--info[data-v-d6482066] {
  color: var(--oxd-feedback-info-color, #1e6ceb);
  background-color: var(--oxd-feedback-info-alpha-5-color, rgba(30, 108, 235, 0.05));
}
.oxd-alert-content[data-v-d6482066] {
  display: flex;
  align-items: center;
  position: relative;
  padding: 1rem;
  font-size: inherit;
}
.oxd-alert-content-text[data-v-d6482066] {
  color: inherit;
}
.oxd-alert-content-icon[data-v-d6482066] {
  margin-right: 1rem;
  font-size: 1.5rem;
  color: inherit;
}
.oxd-alert-action[data-v-d6482066] {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 1rem;
}
.oxd-alert-action[data-v-d6482066] .oxd-button {
  font-size: inherit;
  margin: 0.1rem 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]!./src/core/@oxd/components/Accordion/accordion.scss?vue&type=style&index=0&id=449f4bb6&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.accordion[data-v-449f4bb6] {
  padding-left: 25px;
  padding-right: 25px;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-family: "Nunito Sans", sans-serif;
  border-top: 1px solid var(--oxd-interface-gray-darken-1-color, #64728c);
}
.accordion-header[data-v-449f4bb6] {
  padding-top: 10px;
  padding-bottom: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.accordion-icon[data-v-449f4bb6] {
  margin-left: auto;
  transition: transform 0.3s;
}
.accordion-content[data-v-449f4bb6] {
  padding: 10px;
  transition: max-height 0.3s;
}
.accordion-leave-active[data-v-449f4bb6] {
  max-height: 200px;
}
.accordion-leave-to[data-v-449f4bb6] {
  max-height: 0;
}
.rotate-down[data-v-449f4bb6] {
  transform: rotate(180deg);
}
.rotate-right[data-v-449f4bb6] {
  transform: rotate(0);
}
.icon-down[data-v-449f4bb6] {
  background-image: url(/web/dist/img/down.svg);
  background-position: center;
  background-size: cover;
  width: 20px;
  height: 20px;
}
.icon-right[data-v-449f4bb6] {
  background-image: url(/web/dist/img/right.svg);
  background-position: center;
  background-size: cover;
  width: 20px;
  height: 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]!./src/core/@oxd/components/Button/button.scss?vue&type=style&index=0&id=466bafd3&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-button[data-v-466bafd3] {
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
  border: 0;
  border-radius: 3em;
  cursor: pointer;
  display: inline-block;
  line-height: 1;
  padding-right: 32px;
  padding-left: 32px;
  min-width: 100px;
  /* Main Button */
  /* Secondary Button */
  /* Feedback Buttons */
  /* Ghost Button */
  /* Label Button */
  /* Text Button */
  /* Tool Button */
}
.oxd-button[data-v-466bafd3]:focus {
  outline: 0;
}
.oxd-button--main[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-color);
}
.oxd-button--main[data-v-466bafd3]:focus {
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-lighten-5-color);
}
.oxd-button--main[data-v-466bafd3]:hover {
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-lighten-5-color);
}
.oxd-button--main[data-v-466bafd3]:active {
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-darken-5-color);
}
.oxd-button--main[data-v-466bafd3]:disabled {
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-button--secondary[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--oxd-secondary-font-color);
  background-color: var(--oxd-secondary-four-color);
}
.oxd-button--secondary[data-v-466bafd3]:focus {
  color: var(--oxd-secondary-font-color);
  background-color: var(--oxd-secondary-four-lighten-5-color);
}
.oxd-button--secondary[data-v-466bafd3]:hover {
  color: var(--oxd-secondary-font-color);
  background-color: var(--oxd-secondary-four-lighten-5-color);
}
.oxd-button--secondary[data-v-466bafd3]:active {
  color: var(--oxd-secondary-font-color);
  background-color: var(--oxd-secondary-four-darken-5-color);
}
.oxd-button--secondary[data-v-466bafd3]:disabled {
  color: var(--oxd-secondary-font-color);
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-button--info[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-info-color, #1e6ceb);
}
.oxd-button--info[data-v-466bafd3]:focus {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-info-lighten-5-color, #357bed);
}
.oxd-button--info[data-v-466bafd3]:hover {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-info-lighten-5-color, #357bed);
}
.oxd-button--info[data-v-466bafd3]:active {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-info-darken-5-color, #1460dc);
}
.oxd-button--info[data-v-466bafd3]:disabled {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-button--danger[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-danger-color, #eb0910);
}
.oxd-button--danger[data-v-466bafd3]:focus {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-danger-lighten-5-color, #f6171e);
}
.oxd-button--danger[data-v-466bafd3]:hover {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-danger-lighten-5-color, #f6171e);
}
.oxd-button--danger[data-v-466bafd3]:active {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-danger-darken-5-color, #d2080e);
}
.oxd-button--danger[data-v-466bafd3]:disabled {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-button--warn[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-warn-color, #ffa62f);
}
.oxd-button--warn[data-v-466bafd3]:focus {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-warn-lighten-5-color, #ffb149);
}
.oxd-button--warn[data-v-466bafd3]:hover {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-warn-lighten-5-color, #ffb149);
}
.oxd-button--warn[data-v-466bafd3]:active {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-warn-darken-5-color, #ff9b16);
}
.oxd-button--warn[data-v-466bafd3]:disabled {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-button--success[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-success-color, #34bc40);
}
.oxd-button--success[data-v-466bafd3]:focus {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-success-lighten-5-color, #3fca4c);
}
.oxd-button--success[data-v-466bafd3]:hover {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-success-lighten-5-color, #3fca4c);
}
.oxd-button--success[data-v-466bafd3]:active {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-success-darken-5-color, #2ea839);
}
.oxd-button--success[data-v-466bafd3]:disabled {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-button--ghost[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 1px solid;
  color: var(--oxd-secondary-four-color);
  background-color: transparent;
}
.oxd-button--ghost[data-v-466bafd3]:focus {
  border: 1px solid;
  color: var(--oxd-secondary-four-lighten-5-color);
  background-color: transparent;
}
.oxd-button--ghost[data-v-466bafd3]:hover {
  border: 1px solid;
  color: var(--oxd-secondary-four-lighten-5-color);
  background-color: transparent;
}
.oxd-button--ghost[data-v-466bafd3]:active {
  border: 1px solid;
  color: var(--oxd-secondary-four-darken-5-color);
  background-color: transparent;
}
.oxd-button--ghost[data-v-466bafd3]:disabled {
  border: 1px solid;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  background-color: transparent;
}
.oxd-button--ghost-info[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 1px solid;
  color: var(--oxd-feedback-info-color, #1e6ceb);
  background-color: transparent;
}
.oxd-button--ghost-info[data-v-466bafd3]:focus {
  border: 1px solid;
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-info-color, #1e6ceb);
}
.oxd-button--ghost-info[data-v-466bafd3]:hover {
  border: 1px solid;
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-info-color, #1e6ceb);
}
.oxd-button--ghost-info[data-v-466bafd3]:active {
  border: 1px solid;
  color: var(--oxd-feedback-info-darken-5-color, #1460dc);
  background-color: transparent;
}
.oxd-button--ghost-info[data-v-466bafd3]:disabled {
  border: 1px solid;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  background-color: transparent;
}
.oxd-button--ghost-danger[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 1px solid;
  color: var(--oxd-feedback-danger-color, #eb0910);
  background-color: transparent;
}
.oxd-button--ghost-danger[data-v-466bafd3]:focus {
  border: 1px solid;
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-danger-color, #eb0910);
}
.oxd-button--ghost-danger[data-v-466bafd3]:hover {
  border: 1px solid;
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-danger-color, #eb0910);
}
.oxd-button--ghost-danger[data-v-466bafd3]:active {
  border: 1px solid;
  color: var(--oxd-feedback-danger-darken-5-color, #d2080e);
  background-color: transparent;
}
.oxd-button--ghost-danger[data-v-466bafd3]:disabled {
  border: 1px solid;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  background-color: transparent;
}
.oxd-button--ghost-warn[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 1px solid;
  color: var(--oxd-feedback-warn-color, #ffa62f);
  background-color: transparent;
}
.oxd-button--ghost-warn[data-v-466bafd3]:focus {
  border: 1px solid;
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-warn-color, #ffa62f);
}
.oxd-button--ghost-warn[data-v-466bafd3]:hover {
  border: 1px solid;
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-warn-color, #ffa62f);
}
.oxd-button--ghost-warn[data-v-466bafd3]:active {
  border: 1px solid;
  color: var(--oxd-feedback-warn-darken-5-color, #ff9b16);
  background-color: transparent;
}
.oxd-button--ghost-warn[data-v-466bafd3]:disabled {
  border: 1px solid;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  background-color: transparent;
}
.oxd-button--ghost-success[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 1px solid;
  color: var(--oxd-feedback-success-color, #34bc40);
  background-color: transparent;
}
.oxd-button--ghost-success[data-v-466bafd3]:focus {
  border: 1px solid;
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-success-color, #34bc40);
}
.oxd-button--ghost-success[data-v-466bafd3]:hover {
  border: 1px solid;
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-success-color, #34bc40);
}
.oxd-button--ghost-success[data-v-466bafd3]:active {
  border: 1px solid;
  color: var(--oxd-feedback-success-darken-5-color, #2ea839);
  background-color: transparent;
}
.oxd-button--ghost-success[data-v-466bafd3]:disabled {
  border: 1px solid;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  background-color: transparent;
}
.oxd-button--label[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #68a61d;
  background-color: rgba(104, 166, 29, 0.1);
}
.oxd-button--label[data-v-466bafd3]:focus {
  background-color: rgba(104, 166, 29, 0.15);
}
.oxd-button--label[data-v-466bafd3]:hover {
  background-color: rgba(104, 166, 29, 0.15);
}
.oxd-button--label[data-v-466bafd3]:active {
  background-color: rgba(104, 166, 29, 0.2);
}
.oxd-button--label[data-v-466bafd3]:disabled {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.oxd-button--label-info[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--oxd-feedback-info-color, #1e6ceb);
  background-color: var(--oxd-feedback-info-alpha-10-color, rgba(30, 108, 235, 0.1));
}
.oxd-button--label-info[data-v-466bafd3]:focus {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-info-color, #1e6ceb);
}
.oxd-button--label-info[data-v-466bafd3]:hover {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-info-color, #1e6ceb);
}
.oxd-button--label-info[data-v-466bafd3]:active {
  background-color: var(--oxd-feedback-info-alpha-20-color, rgba(30, 108, 235, 0.2));
}
.oxd-button--label-info[data-v-466bafd3]:disabled {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.oxd-button--label-danger[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--oxd-feedback-danger-color, #eb0910);
  background-color: var(--oxd-feedback-danger-alpha-10-color, rgba(235, 9, 16, 0.1));
}
.oxd-button--label-danger[data-v-466bafd3]:focus {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-danger-color, #eb0910);
}
.oxd-button--label-danger[data-v-466bafd3]:hover {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-danger-color, #eb0910);
}
.oxd-button--label-danger[data-v-466bafd3]:active {
  background-color: var(--oxd-feedback-danger-alpha-20-color, rgba(235, 9, 16, 0.2));
}
.oxd-button--label-danger[data-v-466bafd3]:disabled {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.oxd-button--label-warn[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--oxd-feedback-warn-color, #ffa62f);
  background-color: var(--oxd-feedback-warn-alpha-10-color, rgba(255, 166, 47, 0.1));
}
.oxd-button--label-warn[data-v-466bafd3]:focus {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-warn-color, #ffa62f);
}
.oxd-button--label-warn[data-v-466bafd3]:hover {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-warn-color, #ffa62f);
}
.oxd-button--label-warn[data-v-466bafd3]:active {
  background-color: var(--oxd-feedback-warn-alpha-20-color, rgba(255, 166, 47, 0.2));
}
.oxd-button--label-warn[data-v-466bafd3]:disabled {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.oxd-button--label-success[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--oxd-feedback-success-color, #34bc40);
  background-color: var(--oxd-feedback-success-alpha-10-color, rgba(52, 188, 64, 0.1));
}
.oxd-button--label-success[data-v-466bafd3]:focus {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-success-color, #34bc40);
}
.oxd-button--label-success[data-v-466bafd3]:hover {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-success-color, #34bc40);
}
.oxd-button--label-success[data-v-466bafd3]:active {
  background-color: var(--oxd-feedback-success-alpha-20-color, rgba(52, 188, 64, 0.2));
}
.oxd-button--label-success[data-v-466bafd3]:disabled {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.oxd-button--text[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  background-color: var(--oxd-interface-gray-darken-1-alpha-10-color, rgba(100, 114, 140, 0.1));
}
.oxd-button--text[data-v-466bafd3]:focus {
  background-color: var(--oxd-interface-gray-darken-1-alpha-15-color, rgba(100, 114, 140, 0.15));
}
.oxd-button--text[data-v-466bafd3]:hover {
  background-color: var(--oxd-interface-gray-darken-1-alpha-15-color, rgba(100, 114, 140, 0.15));
}
.oxd-button--text[data-v-466bafd3]:active {
  background-color: var(--oxd-interface-gray-darken-1-alpha-20-color, rgba(100, 114, 140, 0.2));
}
.oxd-button--text[data-v-466bafd3]:disabled {
  color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  background-color: #f6f7f9;
}
.oxd-button--tool[data-v-466bafd3] {
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  border: 1px solid;
  color: var(--oxd-interface-gray-color, #929baa);
  background-color: transparent;
}
.oxd-button--tool[data-v-466bafd3]:focus {
  border: 1px solid;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  background-color: transparent;
}
.oxd-button--tool[data-v-466bafd3]:hover {
  border: 1px solid;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  background-color: transparent;
}
.oxd-button--tool[data-v-466bafd3]:active {
  border: 1px solid;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  background-color: transparent;
}
.oxd-button--tool[data-v-466bafd3]:disabled {
  border: 1px solid;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  background-color: transparent;
}

/* Button Sizes */
.oxd-button--small[data-v-466bafd3] {
  font-size: 12px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.oxd-button--medium[data-v-466bafd3] {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.oxd-button--large[data-v-466bafd3] {
  font-size: 14px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.oxd-button-icon[data-v-466bafd3] {
  color: inherit;
  vertical-align: bottom;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Button/icon.scss?vue&type=style&index=0&id=0e56f7da&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-icon-button[data-v-0e56f7da] {
  font-size: 18px;
  font-weight: 400;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  min-width: 36px;
  min-height: 36px;
  padding: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  background-color: var(--oxd-interface-gray-darken-1-alpha-10-color, rgba(100, 114, 140, 0.1));
}
.oxd-icon-button[data-v-0e56f7da]:focus, .oxd-icon-button[data-v-0e56f7da]:hover {
  outline: 0;
  background-color: var(--oxd-interface-gray-darken-1-alpha-15-color, rgba(100, 114, 140, 0.15));
}
.oxd-icon-button[data-v-0e56f7da]:active {
  background-color: var(--oxd-interface-gray-darken-1-alpha-20-color, rgba(100, 114, 140, 0.2));
}
.oxd-icon-button--main[data-v-0e56f7da] {
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-10-color);
}
.oxd-icon-button--main[data-v-0e56f7da]:focus, .oxd-icon-button--main[data-v-0e56f7da]:hover {
  outline: 0;
  background-color: var(--oxd-primary-one-alpha-15-color);
}
.oxd-icon-button--main[data-v-0e56f7da]:active {
  background-color: var(--oxd-primary-one-alpha-20-color);
}
.oxd-icon-button--secondary[data-v-0e56f7da] {
  color: var(--oxd-secondary-four-color);
  background-color: var(--oxd-secondary-four-alpha-10-color);
}
.oxd-icon-button--secondary[data-v-0e56f7da]:focus, .oxd-icon-button--secondary[data-v-0e56f7da]:hover {
  outline: 0;
  background-color: var(--oxd-secondary-four-alpha-15-color);
}
.oxd-icon-button--secondary[data-v-0e56f7da]:active {
  background-color: var(--oxd-secondary-four-alpha-20-color);
}
.oxd-icon-button--info[data-v-0e56f7da] {
  color: var(--oxd-feedback-info-color, #1e6ceb);
  background-color: var(--oxd-feedback-info-alpha-10-color, rgba(30, 108, 235, 0.1));
}
.oxd-icon-button--info[data-v-0e56f7da]:focus, .oxd-icon-button--info[data-v-0e56f7da]:hover {
  outline: 0;
  background-color: var(--oxd-feedback-info-alpha-15-color, rgba(30, 108, 235, 0.15));
}
.oxd-icon-button--info[data-v-0e56f7da]:active {
  background-color: var(--oxd-feedback-info-alpha-20-color, rgba(30, 108, 235, 0.2));
}
.oxd-icon-button--danger[data-v-0e56f7da] {
  color: var(--oxd-feedback-danger-color, #eb0910);
  background-color: var(--oxd-feedback-danger-alpha-10-color, rgba(235, 9, 16, 0.1));
}
.oxd-icon-button--danger[data-v-0e56f7da]:focus, .oxd-icon-button--danger[data-v-0e56f7da]:hover {
  outline: 0;
  background-color: var(--oxd-feedback-danger-alpha-15-color, rgba(235, 9, 16, 0.15));
}
.oxd-icon-button--danger[data-v-0e56f7da]:active {
  background-color: var(--oxd-feedback-danger-alpha-20-color, rgba(235, 9, 16, 0.2));
}
.oxd-icon-button--warn[data-v-0e56f7da] {
  color: var(--oxd-feedback-warn-color, #ffa62f);
  background-color: var(--oxd-feedback-warn-alpha-10-color, rgba(255, 166, 47, 0.1));
}
.oxd-icon-button--warn[data-v-0e56f7da]:focus, .oxd-icon-button--warn[data-v-0e56f7da]:hover {
  outline: 0;
  background-color: var(--oxd-feedback-warn-alpha-15-color, rgba(255, 166, 47, 0.15));
}
.oxd-icon-button--warn[data-v-0e56f7da]:active {
  background-color: var(--oxd-feedback-warn-alpha-20-color, rgba(255, 166, 47, 0.2));
}
.oxd-icon-button--success[data-v-0e56f7da] {
  color: var(--oxd-feedback-success-color, #34bc40);
  background-color: var(--oxd-feedback-success-alpha-10-color, rgba(52, 188, 64, 0.1));
}
.oxd-icon-button--success[data-v-0e56f7da]:focus, .oxd-icon-button--success[data-v-0e56f7da]:hover {
  outline: 0;
  background-color: var(--oxd-feedback-success-alpha-15-color, rgba(52, 188, 64, 0.15));
}
.oxd-icon-button--success[data-v-0e56f7da]:active {
  background-color: var(--oxd-feedback-success-alpha-20-color, rgba(52, 188, 64, 0.2));
}
.oxd-icon-button--solid[data-v-0e56f7da] {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-icon-button--solid[data-v-0e56f7da]:focus, .oxd-icon-button--solid[data-v-0e56f7da]:hover {
  outline: 0;
  background-color: var(--oxd-interface-gray-darken-1-lighten-5-color, #707f99);
}
.oxd-icon-button--solid[data-v-0e56f7da]:active {
  background-color: var(--oxd-interface-gray-darken-1-darken-5-color, #59667d);
}
.oxd-icon-button--solid-main[data-v-0e56f7da] {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-primary-one-color);
}
.oxd-icon-button--solid-main[data-v-0e56f7da]:focus, .oxd-icon-button--solid-main[data-v-0e56f7da]:hover {
  outline: 0;
  background-color: var(--oxd-primary-one-lighten-5-color);
}
.oxd-icon-button--solid-main[data-v-0e56f7da]:active {
  background-color: var(--oxd-primary-one-darken-5-color);
}
.oxd-icon-button--solid-secondary[data-v-0e56f7da] {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-secondary-four-color);
}
.oxd-icon-button--solid-secondary[data-v-0e56f7da]:focus, .oxd-icon-button--solid-secondary[data-v-0e56f7da]:hover {
  outline: 0;
  background-color: var(--oxd-secondary-four-lighten-5-color);
}
.oxd-icon-button--solid-secondary[data-v-0e56f7da]:active {
  background-color: var(--oxd-secondary-four-darken-5-color);
}
.oxd-icon-button--solid-info[data-v-0e56f7da] {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-info-color, #1e6ceb);
}
.oxd-icon-button--solid-info[data-v-0e56f7da]:focus, .oxd-icon-button--solid-info[data-v-0e56f7da]:hover {
  outline: 0;
  background-color: var(--oxd-feedback-info-lighten-5-color, #357bed);
}
.oxd-icon-button--solid-info[data-v-0e56f7da]:active {
  background-color: var(--oxd-feedback-info-darken-5-color, #1460dc);
}
.oxd-icon-button--solid-danger[data-v-0e56f7da] {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-danger-color, #eb0910);
}
.oxd-icon-button--solid-danger[data-v-0e56f7da]:focus, .oxd-icon-button--solid-danger[data-v-0e56f7da]:hover {
  outline: 0;
  background-color: var(--oxd-feedback-danger-lighten-5-color, #f6171e);
}
.oxd-icon-button--solid-danger[data-v-0e56f7da]:active {
  background-color: var(--oxd-feedback-danger-darken-5-color, #d2080e);
}
.oxd-icon-button--solid-warn[data-v-0e56f7da] {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-warn-color, #ffa62f);
}
.oxd-icon-button--solid-warn[data-v-0e56f7da]:focus, .oxd-icon-button--solid-warn[data-v-0e56f7da]:hover {
  outline: 0;
  background-color: var(--oxd-feedback-warn-lighten-5-color, #ffb149);
}
.oxd-icon-button--solid-warn[data-v-0e56f7da]:active {
  background-color: var(--oxd-feedback-warn-darken-5-color, #ff9b16);
}
.oxd-icon-button--solid-success[data-v-0e56f7da] {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-feedback-success-color, #34bc40);
}
.oxd-icon-button--solid-success[data-v-0e56f7da]:focus, .oxd-icon-button--solid-success[data-v-0e56f7da]:hover {
  outline: 0;
  background-color: var(--oxd-feedback-success-lighten-5-color, #3fca4c);
}
.oxd-icon-button--solid-success[data-v-0e56f7da]:active {
  background-color: var(--oxd-feedback-success-darken-5-color, #2ea839);
}
.oxd-icon-button--ghost[data-v-0e56f7da] {
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  border: 1px solid var(--oxd-interface-gray-darken-1-color, #64728c);
  background-color: transparent !important;
}
.oxd-icon-button--ghost[data-v-0e56f7da]:focus, .oxd-icon-button--ghost[data-v-0e56f7da]:hover {
  outline: 0;
  color: var(--oxd-interface-gray-darken-1-lighten-5-color, #707f99);
  border: 1px solid var(--oxd-interface-gray-darken-1-lighten-5-color, #707f99);
}
.oxd-icon-button--ghost[data-v-0e56f7da]:active {
  color: var(--oxd-interface-gray-darken-1-lighten-5-color, #707f99);
  border: 1px solid var(--oxd-interface-gray-darken-1-lighten-5-color, #707f99);
}
.oxd-icon-button--ghost[data-v-0e56f7da]:disabled {
  color: var(--oxd-interface-gray-lighten-2-color, #e8eaef) !important;
  border: 1px solid #f6f7f9 !important;
}
.oxd-icon-button--ghost-main[data-v-0e56f7da] {
  color: var(--oxd-primary-one-color);
  border: 1px solid var(--oxd-primary-one-color);
  background-color: transparent !important;
}
.oxd-icon-button--ghost-main[data-v-0e56f7da]:focus, .oxd-icon-button--ghost-main[data-v-0e56f7da]:hover {
  outline: 0;
  color: var(--oxd-primary-one-lighten-5-color);
  border: 1px solid var(--oxd-primary-one-lighten-5-color);
}
.oxd-icon-button--ghost-main[data-v-0e56f7da]:active {
  color: var(--oxd-primary-one-lighten-5-color);
  border: 1px solid var(--oxd-primary-one-lighten-5-color);
}
.oxd-icon-button--ghost-main[data-v-0e56f7da]:disabled {
  color: var(--oxd-interface-gray-lighten-2-color, #e8eaef) !important;
  border: 1px solid #f6f7f9 !important;
}
.oxd-icon-button--ghost-secondary[data-v-0e56f7da] {
  color: var(--oxd-secondary-four-color);
  border: 1px solid var(--oxd-secondary-four-color);
  background-color: transparent !important;
}
.oxd-icon-button--ghost-secondary[data-v-0e56f7da]:focus, .oxd-icon-button--ghost-secondary[data-v-0e56f7da]:hover {
  outline: 0;
  color: var(--oxd-secondary-four-lighten-5-color);
  border: 1px solid var(--oxd-secondary-four-lighten-5-color);
}
.oxd-icon-button--ghost-secondary[data-v-0e56f7da]:active {
  color: var(--oxd-secondary-four-lighten-5-color);
  border: 1px solid var(--oxd-secondary-four-lighten-5-color);
}
.oxd-icon-button--ghost-secondary[data-v-0e56f7da]:disabled {
  color: var(--oxd-interface-gray-lighten-2-color, #e8eaef) !important;
  border: 1px solid #f6f7f9 !important;
}
.oxd-icon-button--ghost-info[data-v-0e56f7da] {
  color: var(--oxd-feedback-info-color, #1e6ceb);
  border: 1px solid var(--oxd-feedback-info-color, #1e6ceb);
  background-color: transparent !important;
}
.oxd-icon-button--ghost-info[data-v-0e56f7da]:focus, .oxd-icon-button--ghost-info[data-v-0e56f7da]:hover {
  outline: 0;
  color: var(--oxd-feedback-info-lighten-5-color, #357bed);
  border: 1px solid var(--oxd-feedback-info-lighten-5-color, #357bed);
}
.oxd-icon-button--ghost-info[data-v-0e56f7da]:active {
  color: var(--oxd-feedback-info-lighten-5-color, #357bed);
  border: 1px solid var(--oxd-feedback-info-lighten-5-color, #357bed);
}
.oxd-icon-button--ghost-info[data-v-0e56f7da]:disabled {
  color: var(--oxd-interface-gray-lighten-2-color, #e8eaef) !important;
  border: 1px solid #f6f7f9 !important;
}
.oxd-icon-button--ghost-danger[data-v-0e56f7da] {
  color: var(--oxd-feedback-danger-color, #eb0910);
  border: 1px solid var(--oxd-feedback-danger-color, #eb0910);
  background-color: transparent !important;
}
.oxd-icon-button--ghost-danger[data-v-0e56f7da]:focus, .oxd-icon-button--ghost-danger[data-v-0e56f7da]:hover {
  outline: 0;
  color: var(--oxd-feedback-danger-lighten-5-color, #f6171e);
  border: 1px solid var(--oxd-feedback-danger-lighten-5-color, #f6171e);
}
.oxd-icon-button--ghost-danger[data-v-0e56f7da]:active {
  color: var(--oxd-feedback-danger-lighten-5-color, #f6171e);
  border: 1px solid var(--oxd-feedback-danger-lighten-5-color, #f6171e);
}
.oxd-icon-button--ghost-danger[data-v-0e56f7da]:disabled {
  color: var(--oxd-interface-gray-lighten-2-color, #e8eaef) !important;
  border: 1px solid #f6f7f9 !important;
}
.oxd-icon-button--ghost-warn[data-v-0e56f7da] {
  color: var(--oxd-feedback-warn-color, #ffa62f);
  border: 1px solid var(--oxd-feedback-warn-color, #ffa62f);
  background-color: transparent !important;
}
.oxd-icon-button--ghost-warn[data-v-0e56f7da]:focus, .oxd-icon-button--ghost-warn[data-v-0e56f7da]:hover {
  outline: 0;
  color: var(--oxd-feedback-warn-lighten-5-color, #ffb149);
  border: 1px solid var(--oxd-feedback-warn-lighten-5-color, #ffb149);
}
.oxd-icon-button--ghost-warn[data-v-0e56f7da]:active {
  color: var(--oxd-feedback-warn-lighten-5-color, #ffb149);
  border: 1px solid var(--oxd-feedback-warn-lighten-5-color, #ffb149);
}
.oxd-icon-button--ghost-warn[data-v-0e56f7da]:disabled {
  color: var(--oxd-interface-gray-lighten-2-color, #e8eaef) !important;
  border: 1px solid #f6f7f9 !important;
}
.oxd-icon-button--ghost-success[data-v-0e56f7da] {
  color: var(--oxd-feedback-success-color, #34bc40);
  border: 1px solid var(--oxd-feedback-success-color, #34bc40);
  background-color: transparent !important;
}
.oxd-icon-button--ghost-success[data-v-0e56f7da]:focus, .oxd-icon-button--ghost-success[data-v-0e56f7da]:hover {
  outline: 0;
  color: var(--oxd-feedback-success-lighten-5-color, #3fca4c);
  border: 1px solid var(--oxd-feedback-success-lighten-5-color, #3fca4c);
}
.oxd-icon-button--ghost-success[data-v-0e56f7da]:active {
  color: var(--oxd-feedback-success-lighten-5-color, #3fca4c);
  border: 1px solid var(--oxd-feedback-success-lighten-5-color, #3fca4c);
}
.oxd-icon-button--ghost-success[data-v-0e56f7da]:disabled {
  color: var(--oxd-interface-gray-lighten-2-color, #e8eaef) !important;
  border: 1px solid #f6f7f9 !important;
}
.oxd-icon-button[data-v-0e56f7da]:disabled {
  background-color: #f6f7f9;
  color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  cursor: not-allowed;
}
.oxd-icon-button[data-v-0e56f7da] .oxd-icon {
  color: inherit;
}
.oxd-icon-button__icon[data-v-0e56f7da] {
  font-size: 18px;
  font-weight: 400;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  cursor: pointer;
}
.oxd-icon-button__icon[data-v-0e56f7da]:focus, .oxd-icon-button__icon[data-v-0e56f7da]:hover {
  outline: 0;
  color: var(--oxd-primary-one-color);
}
.oxd-icon-button__icon[data-v-0e56f7da]:active {
  color: var(--oxd-primary-one-color);
}
.oxd-icon-button__icon.--disabled[data-v-0e56f7da] {
  color: var(--oxd-interface-gray-lighten-2-color, #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]!./src/core/@oxd/components/Button/glass-button.scss?vue&type=style&index=0&id=abb63006&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-glass-button[data-v-abb63006] {
  border: 0;
  display: flex;
  cursor: pointer;
  align-items: center;
  word-break: break-word;
  gap: 10px;
  color: var(--oxd-interface-gray-darken-2-color, #38455d);
  padding: 8px 32px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
  font-size: 14px;
  border-radius: 3rem;
  background-color: var(--oxd-background-white-color, #fafafa);
}
.oxd-glass-button[data-v-abb63006]:focus, .oxd-glass-button[data-v-abb63006]:hover {
  outline: 0;
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-glass-button[data-v-abb63006]:active {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-glass-button--disabled[data-v-abb63006] {
  cursor: unset;
  color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-glass-button--disabled[data-v-abb63006]:hover, .oxd-glass-button--disabled[data-v-abb63006]:focus, .oxd-glass-button--disabled[data-v-abb63006]:active {
  background-color: var(--oxd-background-white-color, #fafafa);
}
.oxd-glass-button-icon[data-v-abb63006] {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  width: 2rem;
  height: 2rem;
}
.oxd-glass-button-icon--disabled[data-v-abb63006] {
  opacity: 0.5;
}
.oxd-glass-button-icon--videoglass[data-v-abb63006] {
  background-image: url(/web/dist/img/videoglass.png);
}
.oxd-glass-button-icon--cameraglass[data-v-abb63006] {
  background-image: url(/web/dist/img/cameraglass.png);
}
.oxd-glass-button-icon--thumbsupglass[data-v-abb63006] {
  background-image: url(/web/dist/img/thumbsupglass.png);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Buzz/buzz-post-input.scss?vue&type=style&index=0&id=386be872&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-buzz-post[data-v-386be872] {
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  border-radius: 1.5rem;
  background-color: var(--oxd-background-pastel-white-color, #f6f5fb);
}
.oxd-buzz-post-input[data-v-386be872] {
  all: unset;
  width: 98%;
  resize: none;
  text-align: justify;
  white-space: pre-wrap;
  word-break: break-word;
  box-sizing: border-box;
  padding: 0.35rem;
  margin: 0.35rem;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.oxd-buzz-post-input[data-v-386be872]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.oxd-buzz-post-input[data-v-386be872]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.oxd-buzz-post-input[data-v-386be872]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.oxd-buzz-post-input[data-v-386be872] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.oxd-buzz-post-slot[data-v-386be872] {
  align-self: flex-end;
  margin: 0.35rem;
}
.oxd-buzz-post--active[data-v-386be872] {
  border: 1px solid #e8eaef;
}
.oxd-buzz-post--focus[data-v-386be872] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
}
.oxd-buzz-post--error[data-v-386be872] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-buzz-post--composing[data-v-386be872] {
  flex-direction: column;
}
.oxd-buzz-post--disabled[data-v-386be872] {
  background-color: #f0f0fc;
}
.oxd-input-field-error-message[data-v-386be872] {
  color: var(--oxd-feedback-danger-color, #eb0910);
  font-size: 12px;
  margin-top: 5px;
  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/@oxd/components/Calendar/calendar-dropdown.scss?vue&type=style&index=0&id=74bdde78&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-calendar-dropdown[data-v-74bdde78] {
  display: block;
  position: absolute;
  list-style: none;
  left: 0;
  right: 0;
  top: 2.5rem;
  padding: 0.125rem;
  background-color: var(--oxd-white-color, #ffffff);
  max-height: 11.5rem;
  overflow: hidden auto;
  margin: 0;
  z-index: 240;
  border-radius: 6px;
  min-width: -moz-max-content;
  min-width: max-content;
  border: 1px solid #e9eaec;
  box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.08);
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.oxd-calendar-dropdown[data-v-74bdde78]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.oxd-calendar-dropdown[data-v-74bdde78]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.oxd-calendar-dropdown[data-v-74bdde78]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.oxd-calendar-dropdown[data-v-74bdde78] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.oxd-calendar-dropdown--option[data-v-74bdde78] {
  cursor: pointer;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.5rem;
  border-radius: 0.65rem;
  width: auto;
}
.oxd-calendar-dropdown--option[data-v-74bdde78]:hover, .oxd-calendar-dropdown--option.--selected[data-v-74bdde78] {
  background-color: #f6f7f9;
}
.transition-fade-down-enter-from[data-v-74bdde78],
.transition-fade-down-leave-to[data-v-74bdde78] {
  transform: translateY(-20px);
  opacity: 0;
}
.transition-fade-down-enter-active[data-v-74bdde78],
.transition-fade-down-leave-active[data-v-74bdde78] {
  transition: transform 300ms cubic-bezier(0.53, 2, 0.36, 0.85), opacity 300ms cubic-bezier(0.53, 2, 0.36, 0.85);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Calendar/calendar.scss?vue&type=style&index=0&lang=scss&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-calendar-wrapper {
  position: relative;
  padding: 1rem;
  background-color: var(--oxd-white-color, #ffffff);
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 1.2rem;
  max-width: 300px;
}
.oxd-calendar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5rem;
}
.oxd-calendar-week-grid, .oxd-calendar-dates-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}
.oxd-calendar-day {
  position: relative;
  color: var(--oxd-interface-gray-color, #929baa);
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.oxd-calendar-date-wrapper {
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-weight: 500;
}
.oxd-calendar-date-wrapper.--working-day-half {
  background-color: var(--oxd-background-pastel-white-color, #f6f5fb);
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-weight: 600;
}
.oxd-calendar-date-wrapper.--non-working-day {
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
  color: var(--oxd-interface-gray-color, #929baa);
  font-weight: 500;
}
.oxd-calendar-date-wrapper.--offset-1 {
  grid-column: 1;
}
.oxd-calendar-date-wrapper.--offset-2 {
  grid-column: 2;
}
.oxd-calendar-date-wrapper.--offset-3 {
  grid-column: 3;
}
.oxd-calendar-date-wrapper.--offset-4 {
  grid-column: 4;
}
.oxd-calendar-date-wrapper.--offset-5 {
  grid-column: 5;
}
.oxd-calendar-date-wrapper.--offset-6 {
  grid-column: 6;
}
.oxd-calendar-date-wrapper.--offset-7 {
  grid-column: 7;
}
.oxd-calendar-date {
  position: relative;
  color: inherit;
  font-weight: inherit;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  cursor: pointer;
}
.oxd-calendar-date::before, .oxd-calendar-date::after {
  content: "";
  display: table;
  clear: both;
  width: 1px;
  margin-left: -1px;
}
.oxd-calendar-date::before {
  float: left;
  padding-bottom: calc((1 / 1) * 100%);
}
.oxd-calendar-date.--today {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-weight: 600;
}
.oxd-calendar-date.--holiday-half {
  background-color: #cfe5cf;
  color: #0c6375;
  font-weight: 600;
}
.oxd-calendar-date.--holiday-full {
  background-color: var(--oxd-secondary-two-color, #f4eec7);
  color: var(--oxd-primary-one-color);
  font-weight: 600;
}
.oxd-calendar-date.--holiday-red {
  background-color: red;
  color: #fff;
  font-weight: 600;
}
.oxd-calendar-date.--highlight-half {
  background-color: #c9ffeb;
  color: #23b478;
  font-weight: 500;
}
.oxd-calendar-date.--highlight-full {
  background-color: #3bda98;
  color: var(--oxd-white-color, #ffffff);
  font-weight: 500;
}
.oxd-calendar-date:hover {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-weight: 600;
}
.oxd-calendar-date.--selected {
  background-color: var(--oxd-primary-one-color);
  color: var(--oxd-primary-font-color);
  font-weight: 600;
}
.oxd-calendar-dates-grid .oxd-calendar-date-wrapper:nth-child(-n+7) {
  border-top-left-radius: 0.75rem;
  border-top-right-radius: 0.75rem;
}
.oxd-calendar-dates-grid .oxd-calendar-date-wrapper:nth-last-child(-n+7) {
  border-bottom-left-radius: 0.75rem;
  border-bottom-right-radius: 0.75rem;
}
.oxd-calendar-selector {
  position: relative;
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
  width: 65%;
}
.oxd-calendar-selector-month, .oxd-calendar-selector-year {
  cursor: pointer;
  width: 100%;
  font-size: 14px;
  background-color: #f1f2f5;
  padding: 0.6rem;
}
.oxd-calendar-selector-month .oxd-icon, .oxd-calendar-selector-year .oxd-icon {
  font-size: 8px;
  margin-left: auto;
}
.oxd-calendar-selector-month-selected, .oxd-calendar-selector-year-selected {
  display: flex;
  align-items: center;
}
.oxd-calendar-selector-month {
  flex-basis: 70%;
  padding-right: calc(0.6rem/ 2);
  border-top-left-radius: 2.375rem;
  border-bottom-left-radius: 2.375rem;
}
.oxd-calendar-selector-year {
  flex-basis: 30%;
  padding-left: calc(0.6rem/ 2);
  border-top-right-radius: 2.375rem;
  border-bottom-right-radius: 2.375rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Loader/spinner.scss?vue&type=style&index=0&id=2902dcae&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
@keyframes oxd-spinner-2902dcae {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
.oxd-loading-spinner[data-v-2902dcae] {
  font-size: 10px;
  border-top: 0.5em solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-right: 0.5em solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-bottom: 0.5em solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-left: 0.5em solid var(--oxd-interface-gray-color, #929baa);
  transform: translateZ(0);
  animation: oxd-spinner-2902dcae 1.1s infinite linear;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  margin: 0 auto;
}
.oxd-loading-spinner-container[data-v-2902dcae] {
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.18);
  border-radius: 50%;
  box-sizing: border-box;
  width: 45px;
  height: 45px;
  padding: 2px;
  display: flex;
  align-items: center;
}
.oxd-loading-spinner-container--block[data-v-2902dcae] {
  display: inline-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]!./src/core/@oxd/components/CardTable/Table/table.scss?vue&type=style&index=0&lang=scss&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table {
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-family: "Nunito Sans", sans-serif;
  font-size: 0.75rem;
  display: flex;
  flex-direction: column;
}
.oxd-table-loader {
  min-height: 400px;
  width: 100%;
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
}
.oxd-table-loader .oxd-loading-spinner-container {
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-padding-cell {
  padding: 5px;
}
.oxd-table-cell {
  overflow-wrap: break-word;
  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]!./src/core/@oxd/components/CardTable/Table/table-body.scss?vue&type=style&index=0&id=f23ecd3c&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-body[data-v-f23ecd3c] {
  font-weight: 400;
  display: grid;
  grid-gap: 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]!./src/core/@oxd/components/CardTable/Table/table-row.scss?vue&type=style&index=0&id=53a83c4a&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-row[data-v-53a83c4a] {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  height: 100%;
  padding-left: 5px;
  padding-right: 5px;
}
@media (min-width: 800px) {
.oxd-table-row[data-v-53a83c4a] .oxd-table-cell:first-of-type {
    margin-left: 0.75rem;
}
.oxd-table-row[data-v-53a83c4a] .oxd-table-header-cell:first-of-type {
    margin-left: 0.75rem;
}
}
.oxd-table-body > .oxd-table-row[data-v-53a83c4a]:hover {
  color: var(--oxd-interface-gray-darken-2-color, #38455d);
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.oxd-table-body > .oxd-table-row--with-border[data-v-53a83c4a] {
  border-top: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-table-row--clickable[data-v-53a83c4a] {
  cursor: pointer;
}
.oxd-table-card.--mobile .oxd-table-row[data-v-53a83c4a] {
  align-items: flex-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]!./src/core/@oxd/components/CardTable/Cell/default.scss?vue&type=style&index=0&id=743f0411&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-card-cell[data-v-743f0411] {
  display: block;
}
.oxd-table-card-cell .header[data-v-743f0411] {
  font-weight: 700;
}
.oxd-table-card-cell-hidden[data-v-743f0411] {
  opacity: 0 !important;
}
.oxd-table-card-cell-hidden label[data-v-743f0411] {
  cursor: unset !important;
}
.oxd-table-card-cell-checkbox[data-v-743f0411] {
  width: -moz-fit-content;
  width: fit-content;
}
.oxd-table-card-cell-show-more[data-v-743f0411] {
  cursor: pointer;
  margin-left: 2px;
  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]!./src/core/@oxd/components/DropdownMenu/dropdown-menu.scss?vue&type=style&index=0&id=59cf865a&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-dropdown-menu[data-v-59cf865a] {
  display: block;
  position: absolute;
  list-style: none;
  background-color: var(--oxd-white-color, #ffffff);
  margin: 0;
  left: 0;
  padding: 6px 0;
  top: 45px;
  min-width: -moz-max-content;
  min-width: max-content;
  z-index: 240;
  border: 1px solid #e9eaec;
  border-radius: 6px;
  box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.08);
}
.transition-fade-down-enter-from[data-v-59cf865a],
.transition-fade-down-leave-to[data-v-59cf865a] {
  transform: translateY(-20px);
  opacity: 0;
}
.transition-fade-down-enter-active[data-v-59cf865a],
.transition-fade-down-leave-active[data-v-59cf865a] {
  transition: transform 300ms cubic-bezier(0.53, 2, 0.36, 0.85), opacity 300ms cubic-bezier(0.53, 2, 0.36, 0.85);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/CardTable/Cell/dropdown.scss?vue&type=style&index=0&id=a9cf0d1e&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-dropdown[data-v-a9cf0d1e] {
  list-style: none;
  position: relative;
}
.oxd-table-dropdown-item[data-v-a9cf0d1e] {
  cursor: pointer;
  padding: 6px 16px;
  border-bottom: 1px solid #e8eaef;
}
.oxd-table-dropdown-item[data-v-a9cf0d1e]:hover {
  background-color: #f6f7f9;
}
.oxd-table-dropdown[data-v-a9cf0d1e] .oxd-dropdown-menu {
  right: 0;
  left: unset;
  padding: 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]!./src/core/@oxd/components/CardTable/Cell/actions.scss?vue&type=style&index=0&id=24888e66&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-cell-actions[data-v-24888e66] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 5px;
  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]!./src/core/@oxd/components/Input/checkbox-input.scss?vue&type=style&index=0&id=04c666b4&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-checkbox-wrapper label[data-v-04c666b4] {
  cursor: pointer;
  display: flex;
  align-content: center;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
}
.oxd-checkbox-wrapper label[data-v-04c666b4]:after {
  content: "";
  display: table;
  clear: both;
}
.oxd-checkbox-wrapper label input[type=checkbox][data-v-04c666b4] {
  opacity: 0;
  position: absolute;
}
.oxd-checkbox-wrapper label input[type=checkbox] + .oxd-checkbox-input[data-v-04c666b4] {
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-checkbox-wrapper label input[type=checkbox] + .oxd-checkbox-input .oxd-checkbox-input-icon[data-v-04c666b4] {
  opacity: 0;
}
.oxd-checkbox-wrapper label input[type=checkbox]:checked + .oxd-checkbox-input[data-v-04c666b4] {
  background-color: var(--oxd-primary-one-color);
}
.oxd-checkbox-wrapper label input[type=checkbox]:checked + .oxd-checkbox-input .oxd-checkbox-input-icon[data-v-04c666b4] {
  opacity: 1;
}
.oxd-checkbox-wrapper label input[type=checkbox]:checked:disabled + .oxd-checkbox-input[data-v-04c666b4] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-checkbox-wrapper label input[type=checkbox]:checked:disabled + .oxd-checkbox-input .oxd-checkbox-input-icon[data-v-04c666b4] {
  opacity: 1;
}
.oxd-checkbox-wrapper label input[type=checkbox]:disabled + .oxd-checkbox-input[data-v-04c666b4] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-checkbox-wrapper label input[type=checkbox]:disabled + .oxd-checkbox-input .oxd-checkbox-input-icon[data-v-04c666b4] {
  opacity: 0;
}
.oxd-checkbox-wrapper label.--disabled[data-v-04c666b4] {
  color: var(--oxd-interface-gray-color, #929baa);
  cursor: unset;
}
.oxd-checkbox-input[data-v-04c666b4] {
  position: relative;
  display: flex;
  border-radius: 0.35rem;
  width: 1rem;
  height: 1rem;
}
.oxd-checkbox-input.--label-left[data-v-04c666b4] {
  margin-left: 0.5em;
}
.oxd-checkbox-input.--label-right[data-v-04c666b4] {
  margin-right: 0.5em;
}
.oxd-checkbox-input--active[data-v-04c666b4] {
  border: 1px solid var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.oxd-checkbox-input--focus[data-v-04c666b4] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-checkbox-input--error[data-v-04c666b4] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-checkbox-input-icon[data-v-04c666b4] {
  color: var(--oxd-primary-font-color);
  font-size: 1rem;
  position: absolute;
  line-height: 1.5;
  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/@oxd/components/CardTable/Cell/default.scss?vue&type=style&index=0&lang=scss&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-card-cell {
  display: block;
}
.oxd-table-card-cell .header {
  font-weight: 700;
}
.oxd-table-card-cell-hidden {
  opacity: 0 !important;
}
.oxd-table-card-cell-hidden label {
  cursor: unset !important;
}
.oxd-table-card-cell-checkbox {
  width: -moz-fit-content;
  width: fit-content;
}
.oxd-table-card-cell-show-more {
  cursor: pointer;
  margin-left: 2px;
  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]!./src/core/@oxd/components/CardTable/Cell/default.scss?vue&type=style&index=0&id=654cd046&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-card-cell[data-v-654cd046] {
  display: block;
}
.oxd-table-card-cell .header[data-v-654cd046] {
  font-weight: 700;
}
.oxd-table-card-cell-hidden[data-v-654cd046] {
  opacity: 0 !important;
}
.oxd-table-card-cell-hidden label[data-v-654cd046] {
  cursor: unset !important;
}
.oxd-table-card-cell-checkbox[data-v-654cd046] {
  width: -moz-fit-content;
  width: fit-content;
}
.oxd-table-card-cell-show-more[data-v-654cd046] {
  cursor: pointer;
  margin-left: 2px;
  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]!./src/core/@oxd/components/CardTable/Decorator/card.scss?vue&type=style&index=0&id=ebc27498&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-card-table-body[data-v-ebc27498] {
  display: grid;
  grid-gap: 0.4rem;
}
@media (min-width: 0px) {
.oxd-card-table-body[data-v-ebc27498] {
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
}
}
@media (min-width: 800px) {
.oxd-card-table-body[data-v-ebc27498] {
    grid-template-columns: repeat(2, 1fr);
}
}
.oxd-table-card[data-v-ebc27498] {
  min-height: 45px;
  border-radius: 1.2rem;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-table-card[data-v-ebc27498]:hover {
  color: var(--oxd-interface-gray-darken-2-color, #38455d);
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.card-item[data-v-ebc27498] {
  padding: 5px;
  min-width: 0;
  align-self: stretch;
}
.card-left[data-v-ebc27498],
.card-right[data-v-ebc27498] {
  display: flex;
  flex-direction: column;
}
.card-left[data-v-ebc27498] {
  margin-left: auto;
}
.card-right[data-v-ebc27498] {
  margin-right: auto;
}
.card-center[data-v-ebc27498] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.card-center .card-header-slot[data-v-ebc27498] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-center .card-header-slot-content.--left[data-v-ebc27498], .card-center .card-header-slot-content.--right[data-v-ebc27498] {
  flex: 1;
}
.card-center .card-header-slot-content.--left[data-v-ebc27498] {
  text-align: left;
}
.card-center .card-header-slot-content.--right[data-v-ebc27498] {
  text-align: right;
}
.card-center .card-header-slot-content.--right[data-v-ebc27498] .oxd-table-cell-actions {
  justify-content: flex-end;
}
.card-center .card-body-slot[data-v-ebc27498],
.card-center .card-footer-slot[data-v-ebc27498] {
  display: flex;
  flex-direction: column;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/CardTable/Decorator/card.scss?vue&type=style&index=0&id=dc55491c&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-card-table-body[data-v-dc55491c] {
  display: grid;
  grid-gap: 0.4rem;
}
@media (min-width: 0px) {
.oxd-card-table-body[data-v-dc55491c] {
    grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
}
}
@media (min-width: 800px) {
.oxd-card-table-body[data-v-dc55491c] {
    grid-template-columns: repeat(2, 1fr);
}
}
.oxd-table-card[data-v-dc55491c] {
  min-height: 45px;
  border-radius: 1.2rem;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-table-card[data-v-dc55491c]:hover {
  color: var(--oxd-interface-gray-darken-2-color, #38455d);
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.card-item[data-v-dc55491c] {
  padding: 5px;
  min-width: 0;
  align-self: stretch;
}
.card-left[data-v-dc55491c],
.card-right[data-v-dc55491c] {
  display: flex;
  flex-direction: column;
}
.card-left[data-v-dc55491c] {
  margin-left: auto;
}
.card-right[data-v-dc55491c] {
  margin-right: auto;
}
.card-center[data-v-dc55491c] {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.card-center .card-header-slot[data-v-dc55491c] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.card-center .card-header-slot-content.--left[data-v-dc55491c], .card-center .card-header-slot-content.--right[data-v-dc55491c] {
  flex: 1;
}
.card-center .card-header-slot-content.--left[data-v-dc55491c] {
  text-align: left;
}
.card-center .card-header-slot-content.--right[data-v-dc55491c] {
  text-align: right;
}
.card-center .card-header-slot-content.--right[data-v-dc55491c] .oxd-table-cell-actions {
  justify-content: flex-end;
}
.card-center .card-body-slot[data-v-dc55491c],
.card-center .card-footer-slot[data-v-dc55491c] {
  display: flex;
  flex-direction: column;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/CardTable/Table/table-header.scss?vue&type=style&index=0&id=0f27eacd&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-header[data-v-0f27eacd] {
  font-weight: 700;
  display: flex;
  flex-direction: column;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/CardTable/Table/table-header-sort-dropdown.scss?vue&type=style&index=0&id=407d27bc&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-header-sort[data-v-407d27bc] {
  position: relative;
}
.oxd-table-header-sort-icon[data-v-407d27bc] {
  margin-left: 10px;
  font-size: inherit;
}
.oxd-table-header-sort-dropdown[data-v-407d27bc] {
  right: 0;
  display: block;
  position: absolute;
  overflow: hidden auto;
  top: 1.5rem;
  max-height: 4rem;
  width: 6rem;
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border: 1px solid #e8eaef;
  border-radius: 0.65rem;
  background-color: #ffffff;
  z-index: 240;
}
.oxd-table-header-sort-dropdown ul[data-v-407d27bc] {
  list-style: none;
  padding: 4px;
  margin: 0;
}
.oxd-table-header-sort-dropdown-item[data-v-407d27bc] {
  cursor: pointer;
  text-align: right;
  font-size: 12px;
  font-weight: 600;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  padding: 4px;
  border-radius: 0.65rem;
}
.oxd-table-header-sort-dropdown-item span[data-v-407d27bc] {
  margin-left: 5px;
}
.oxd-table-header-sort-dropdown-item[data-v-407d27bc]:hover, .oxd-table-header-sort-dropdown-item.--selected[data-v-407d27bc] {
  background-color: #f6f7f9;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/CardTable/Table/table-header-cell.scss?vue&type=style&index=0&id=03b834cf&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-header-cell[data-v-03b834cf] {
  display: flex;
  flex-direction: row;
  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]!./src/core/@oxd/components/CardTable/Header/default-header.scss?vue&type=style&index=0&id=2e7d444e&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-th[data-v-2e7d444e] {
  text-align: left;
}
.oxd-table-tr[data-v-2e7d444e] {
  padding: 25px;
  background-color: var(--oxd-interface-gray-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]!./src/core/@oxd/components/Chart/legend.scss?vue&type=style&index=0&id=64d64daa&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-chart-legend[data-v-64d64daa] {
  display: flex;
  margin: 0 auto;
  flex-wrap: wrap;
  list-style: none;
  align-items: center;
  justify-content: center;
  padding: 1rem 0 0 0;
}
.oxd-chart-legend li[data-v-64d64daa] {
  cursor: pointer;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #64728c;
  padding: 0 0.25rem;
  font-size: 12px;
  max-width: 100px;
  line-height: 1.5;
}
.oxd-chart-legend-key[data-v-64d64daa] {
  border-radius: 100%;
  display: inline-block;
  vertical-align: baseline;
  width: 10px;
  height: 10px;
  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]!./src/core/@oxd/components/Chart/pie-chart.scss?vue&type=style&index=0&lang=scss&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-pie-chart {
  margin: 0 auto;
  position: relative;
  height: 85%;
}
.oxd-pie-chart-tooltip {
  display: flex;
  position: absolute;
  pointer-events: none;
  padding: 0.5rem;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.5rem;
  background-color: var(--oxd-white-color, #ffffff);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  color: #64728c;
}
.oxd-pie-chart-tooltip span {
  display: flex;
  margin-left: 0.25rem;
}
.oxd-pie-chart-tooltip p {
  margin: 0;
  margin-left: 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]!./src/core/@oxd/components/Chip/chip.scss?vue&type=style&index=0&id=36c2a953&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-chip[data-v-36c2a953] {
  border-radius: 3em;
  line-height: 1;
  font-weight: 400;
  font-size: 12px;
  padding: 5px;
}
.oxd-chip--default[data-v-36c2a953] {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-interface-gray-color, #929baa);
}
.oxd-chip--transparent[data-v-36c2a953] {
  border: 1px solid #e8eaef;
  background-color: transparent;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Sheet/sheet.scss?vue&type=style&index=0&id=9c2e12da&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-sheet[data-v-9c2e12da] {
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-sheet--gray-darken-2[data-v-9c2e12da] {
  background-color: var(--oxd-interface-gray-darken-2-color, #38455d);
}
.oxd-sheet--gray-darken-1[data-v-9c2e12da] {
  background-color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-sheet--gray[data-v-9c2e12da] {
  background-color: var(--oxd-interface-gray-color, #929baa);
}
.oxd-sheet--gray-lighten-1[data-v-9c2e12da] {
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.oxd-sheet--gray-lighten-2[data-v-9c2e12da] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-sheet--light-gray[data-v-9c2e12da] {
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.oxd-sheet--pastel-white[data-v-9c2e12da] {
  background-color: var(--oxd-background-pastel-white-color, #f6f5fb);
}
.oxd-sheet--white-shadow[data-v-9c2e12da] {
  background-color: var(--oxd-background-white-shadow-color, #fafafc);
}
.oxd-sheet--rounded[data-v-9c2e12da] {
  border-radius: 1.2rem;
}
.oxd-sheet--gutters[data-v-9c2e12da] {
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Dialog/overlay.scss?vue&type=style&index=0&id=ed9853d6&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-overlay[data-v-ed9853d6] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: 100%;
  outline: 0;
  box-sizing: border-box;
  background-color: var(--oxd-black-alpha-50-color, rgba(0, 0, 0, 0.5));
}
.oxd-overlay--hide[data-v-ed9853d6] {
  display: none !important;
}
.oxd-overlay--flex[data-v-ed9853d6] {
  display: flex;
  flex-direction: column;
}
.oxd-overlay--flex-centered[data-v-ed9853d6] {
  justify-content: center;
  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]!./src/core/@oxd/components/Dialog/close-button.scss?vue&type=style&index=0&id=677684e2&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-dialog-close-button[data-v-677684e2] {
  cursor: pointer;
  padding: 0;
  border: 0;
  outline: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  letter-spacing: normal;
  width: 1.5625rem;
  height: 1.5625rem;
  color: var(--oxd-white-color, #ffffff);
  font-size: 1rem;
  font-weight: 600;
  border-radius: 2.5rem;
  background-color: #b8bdc7;
}
.oxd-dialog-close-button[data-v-677684e2]:hover {
  background-color: var(--oxd-interface-gray-darken-1-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]!./src/core/@oxd/components/Dialog/Container/default.scss?vue&type=style&index=0&id=171a4a98&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-dialog-container-default[data-v-171a4a98] {
  overflow-x: hidden;
  overflow-y: auto;
  width: 100%;
  height: 100%;
  display: block;
}
.oxd-dialog-container-default--inner[data-v-171a4a98] {
  margin: 5rem auto;
  box-sizing: border-box;
  padding: 1.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  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]!./src/core/@oxd/components/Dialog/dialog.scss?vue&type=style&index=0&id=062da9da&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-dialog-close-button-position[data-v-062da9da] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.oxd-dialog-sheet[data-v-062da9da] {
  z-index: 400;
  position: relative;
  box-sizing: border-box;
}
.oxd-dialog-sheet--shadow[data-v-062da9da] {
  box-shadow: 0 25px 35px 0 var(--oxd-black-alpha-20-color, rgba(0, 0, 0, 0.2));
}
.oxd-dialog-sheet--gutters[data-v-062da9da] {
  padding: 1.2rem;
}
.fade-enter-active[data-v-062da9da],
.fade-leave-active[data-v-062da9da] {
  transition: opacity 0.25s ease;
}
.fade-enter-from[data-v-062da9da],
.fade-leave-to[data-v-062da9da] {
  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]!./src/core/@oxd/components/Divider/divider.scss?vue&type=style&index=0&id=7af467f2&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-divider[data-v-7af467f2] {
  border: 0;
  border-top: 1px solid var(--oxd-interface-gray-lighten-2-color, #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]!./src/core/@oxd/components/Form/form.scss?vue&type=style&index=0&id=5075b453&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-form[data-v-5075b453] {
  position: relative;
}
.oxd-form-loader[data-v-5075b453] {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
}
.oxd-form-row[data-v-5075b453] {
  display: block;
}
.oxd-form-actions[data-v-5075b453] {
  justify-content: flex-end;
  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]!./src/core/@oxd/components/Form/form.scss?vue&type=style&index=0&id=d4523092&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-form[data-v-d4523092] {
  position: relative;
}
.oxd-form-loader[data-v-d4523092] {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
}
.oxd-form-row[data-v-d4523092] {
  display: block;
}
.oxd-form-actions[data-v-d4523092] {
  justify-content: flex-end;
  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]!./src/core/@oxd/components/Form/form.scss?vue&type=style&index=0&id=4798fa4c&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-form[data-v-4798fa4c] {
  position: relative;
}
.oxd-form-loader[data-v-4798fa4c] {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: white;
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
}
.oxd-form-row[data-v-4798fa4c] {
  display: block;
}
.oxd-form-actions[data-v-4798fa4c] {
  justify-content: flex-end;
  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]!./src/core/@oxd/components/Grid/grid.scss?vue&type=style&index=0&id=7a27d593&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-grid-8[data-v-7a27d593] {
  display: grid;
  margin: auto -0.5rem;
  grid-gap: 0;
}
@media (min-width: 800px) {
.oxd-grid-8[data-v-7a27d593] {
    grid-gap: 0;
    margin: auto -0.625rem;
    grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1000px) {
.oxd-grid-8[data-v-7a27d593] {
    grid-gap: 0;
    grid-template-columns: repeat(8, 1fr);
}
}
.oxd-grid-7[data-v-7a27d593] {
  display: grid;
  margin: auto -0.5rem;
  grid-gap: 0;
}
@media (min-width: 800px) {
.oxd-grid-7[data-v-7a27d593] {
    grid-gap: 0;
    margin: auto -0.625rem;
    grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1000px) {
.oxd-grid-7[data-v-7a27d593] {
    grid-gap: 0;
    grid-template-columns: repeat(7, 1fr);
}
}
.oxd-grid-6[data-v-7a27d593] {
  display: grid;
  margin: auto -0.5rem;
  grid-gap: 0;
}
@media (min-width: 800px) {
.oxd-grid-6[data-v-7a27d593] {
    grid-gap: 0;
    margin: auto -0.625rem;
    grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1000px) {
.oxd-grid-6[data-v-7a27d593] {
    grid-gap: 0;
    grid-template-columns: repeat(6, 1fr);
}
}
.oxd-grid-5[data-v-7a27d593] {
  display: grid;
  margin: auto -0.5rem;
  grid-gap: 0;
}
@media (min-width: 800px) {
.oxd-grid-5[data-v-7a27d593] {
    grid-gap: 0;
    margin: auto -0.625rem;
    grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1000px) {
.oxd-grid-5[data-v-7a27d593] {
    grid-gap: 0;
    grid-template-columns: repeat(5, 1fr);
}
}
.oxd-grid-4[data-v-7a27d593] {
  display: grid;
  margin: auto -0.5rem;
  grid-gap: 0;
}
@media (min-width: 800px) {
.oxd-grid-4[data-v-7a27d593] {
    grid-gap: 0;
    margin: auto -0.625rem;
    grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1000px) {
.oxd-grid-4[data-v-7a27d593] {
    grid-gap: 0;
    grid-template-columns: repeat(4, 1fr);
}
}
.oxd-grid-3[data-v-7a27d593] {
  display: grid;
  margin: auto -0.5rem;
  grid-gap: 0;
}
@media (min-width: 800px) {
.oxd-grid-3[data-v-7a27d593] {
    grid-gap: 0;
    margin: auto -0.625rem;
    grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1000px) {
.oxd-grid-3[data-v-7a27d593] {
    grid-gap: 0;
    grid-template-columns: repeat(3, 1fr);
}
}
.oxd-grid-2[data-v-7a27d593] {
  display: grid;
  margin: auto -0.5rem;
  grid-gap: 0;
}
@media (min-width: 800px) {
.oxd-grid-2[data-v-7a27d593] {
    grid-gap: 0;
    margin: auto -0.625rem;
    grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 1000px) {
.oxd-grid-2[data-v-7a27d593] {
    grid-gap: 0;
    grid-template-columns: repeat(2, 1fr);
}
}
.oxd-grid-1[data-v-7a27d593] {
  display: grid;
  margin: auto -0.5rem;
  grid-gap: 0;
  grid-template-columns: 1fr;
}
@media (min-width: 800px) {
.oxd-grid-1[data-v-7a27d593] {
    margin: auto -0.625rem;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Grid/grid-utility.scss?vue&type=style&index=1&lang=scss&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
@media (min-width: 800px) {
.--span-column-1 {
    grid-column: span 1;
}
.--offset-column-1 {
    grid-column-start: 1;
}
.--offset-row-1 {
    grid-row-start: 1;
}
}
@media (min-width: 800px) {
.--span-column-2 {
    grid-column: span 2;
}
.--offset-column-2 {
    grid-column-start: 2;
}
.--offset-row-2 {
    grid-row-start: 2;
}
}
@media (min-width: 800px) {
.--span-column-3 {
    grid-column: span 3;
}
.--offset-column-3 {
    grid-column-start: 3;
}
.--offset-row-3 {
    grid-row-start: 3;
}
}
@media (min-width: 800px) {
.--span-column-4 {
    grid-column: span 4;
}
.--offset-column-4 {
    grid-column-start: 4;
}
.--offset-row-4 {
    grid-row-start: 4;
}
}
@media (min-width: 800px) {
.--span-column-5 {
    grid-column: span 5;
}
.--offset-column-5 {
    grid-column-start: 5;
}
.--offset-row-5 {
    grid-row-start: 5;
}
}
@media (min-width: 800px) {
.--span-column-6 {
    grid-column: span 6;
}
.--offset-column-6 {
    grid-column-start: 6;
}
.--offset-row-6 {
    grid-row-start: 6;
}
}
@media (min-width: 800px) {
.--span-column-7 {
    grid-column: span 7;
}
.--offset-column-7 {
    grid-column-start: 7;
}
.--offset-row-7 {
    grid-row-start: 7;
}
}
@media (min-width: 800px) {
.--span-column-8 {
    grid-column: span 8;
}
.--offset-column-8 {
    grid-column-start: 8;
}
.--offset-row-8 {
    grid-row-start: 8;
}
}
@media (min-width: 800px) {
.--span-column-9 {
    grid-column: span 9;
}
.--offset-column-9 {
    grid-column-start: 9;
}
.--offset-row-9 {
    grid-row-start: 9;
}
}
@media (min-width: 800px) {
.--span-column-10 {
    grid-column: span 10;
}
.--offset-column-10 {
    grid-column-start: 10;
}
.--offset-row-10 {
    grid-row-start: 10;
}
}
@media (min-width: 800px) {
.--span-column-11 {
    grid-column: span 11;
}
.--offset-column-11 {
    grid-column-start: 11;
}
.--offset-row-11 {
    grid-row-start: 11;
}
}
@media (min-width: 800px) {
.--span-column-12 {
    grid-column: span 12;
}
.--offset-column-12 {
    grid-column-start: 12;
}
.--offset-row-12 {
    grid-row-start: 12;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Grid/grid-item.scss?vue&type=style&index=0&id=4079fdc6&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-grid-item[data-v-4079fdc6] {
  min-width: 0;
}
@media (min-width: 0px) {
.oxd-grid-item--gutters[data-v-4079fdc6] {
    padding: 0rem 0.5rem 0rem 0.5rem;
}
}
@media (min-width: 800px) {
.oxd-grid-item--gutters[data-v-4079fdc6] {
    padding: 0rem 0.75rem 0rem 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]!./src/core/@oxd/components/Input/input.scss?vue&type=style&index=0&id=3b11f429&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-input[data-v-3b11f429] {
  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;
  width: 100%;
  min-height: 45px;
}
.oxd-input--active[data-v-3b11f429] {
  border: 1px solid #e8eaef;
}
.oxd-input--focus[data-v-3b11f429] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-input--error[data-v-3b11f429] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-input[data-v-3b11f429]:-moz-read-only {
  background-color: #f0f0fc;
}
.oxd-input[data-v-3b11f429]:disabled, .oxd-input[data-v-3b11f429]:read-only {
  background-color: #f0f0fc;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Input/file-input.scss?vue&type=style&index=0&id=055fce8d&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-file-input[data-v-055fce8d] {
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  max-width: 0;
  width: 0;
}
.oxd-file-div[data-v-055fce8d] {
  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;
  width: 100%;
  padding: 0;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  word-wrap: break-word;
  min-height: 45px;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-file-div--active[data-v-055fce8d] {
  border: 1px solid #e8eaef;
}
.oxd-file-div--focus[data-v-055fce8d] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-file-div--error[data-v-055fce8d] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-file-div--disabled[data-v-055fce8d], .oxd-file-div--readonly[data-v-055fce8d] {
  background: #f0f0fc;
}
.oxd-file-button[data-v-055fce8d] {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  border-radius: 0.65rem;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
  font-size: 0.875rem;
  font-weight: 600;
  height: 35px;
  padding: 0 1.5rem;
  margin-left: 0.25rem;
}
.oxd-file-button.--disabled[data-v-055fce8d] {
  cursor: unset;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  background-color: var(--oxd-white-darken-1-color, #fcfcfc);
}
.oxd-file-input-div[data-v-055fce8d] {
  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;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oxd-file-input-icon[data-v-055fce8d] {
  margin-left: auto;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 0.65rem;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
  margin-right: 0.25rem;
}
.oxd-file-input-icon.--disabled[data-v-055fce8d] {
  cursor: unset;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  background-color: var(--oxd-white-darken-1-color, #fcfcfc);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Input/date-input.scss?vue&type=style&index=0&id=dc1ba6ca&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-date-wrapper[data-v-dc1ba6ca] {
  width: 100%;
  position: relative;
}
.oxd-date-wrapper[data-v-dc1ba6ca]:focus {
  outline: none;
}
.oxd-date-wrapper > *[data-v-dc1ba6ca]:focus {
  outline: none;
}
.oxd-date-input[data-v-dc1ba6ca] {
  display: flex;
  align-items: center;
}
.oxd-date-input-icon[data-v-dc1ba6ca] {
  right: 0.25rem;
  display: flex;
  cursor: pointer;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 0.65rem;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.oxd-date-input-icon.--disabled[data-v-dc1ba6ca], .oxd-date-input-icon.--readonly[data-v-dc1ba6ca] {
  cursor: unset;
  background-color: var(--oxd-white-darken-1-color, #fcfcfc);
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.oxd-date-input[data-v-dc1ba6ca] .oxd-input {
  text-overflow: ellipsis;
  padding-right: 4rem;
}
.oxd-date-input-calendar[data-v-dc1ba6ca] {
  top: 50px;
  right: 0;
  position: absolute;
  z-index: 240;
  width: 250px;
}
@media (min-width: 600px) {
.oxd-date-input-calendar[data-v-dc1ba6ca] {
    width: 300px;
}
}
.oxd-date-input-links[data-v-dc1ba6ca] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.5rem;
}
.oxd-date-input-link[data-v-dc1ba6ca] {
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 0.75rem;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  font-weight: 500;
  font-size: 14px;
}
.oxd-date-input-link.--today[data-v-dc1ba6ca], .oxd-date-input-link.--close[data-v-dc1ba6ca] {
  color: var(--oxd-primary-one-color);
}
.oxd-date-input-link[data-v-dc1ba6ca]:hover {
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.transition-fade-down-enter-from[data-v-dc1ba6ca],
.transition-fade-down-leave-to[data-v-dc1ba6ca] {
  transform: translateY(-20px);
  opacity: 0;
}
.transition-fade-down-enter-active[data-v-dc1ba6ca],
.transition-fade-down-leave-active[data-v-dc1ba6ca] {
  transition: transform 300ms cubic-bezier(0.53, 2, 0.36, 0.85), opacity 300ms cubic-bezier(0.53, 2, 0.36, 0.85);
}
[data-v-dc1ba6ca] .oxd-loading-spinner {
  width: 1rem;
  height: 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/@oxd/components/Input/radio-input.scss?vue&type=style&index=0&id=3dc69d80&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-radio-wrapper label[data-v-3dc69d80] {
  cursor: pointer;
  display: flex;
  align-content: center;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.25rem 0.5rem;
}
.oxd-radio-wrapper label[data-v-3dc69d80]:hover {
  background-color: rgba(0, 0, 0, 0.05);
  border-radius: 1rem;
}
.oxd-radio-wrapper label.--disabled[data-v-3dc69d80] {
  color: var(--oxd-interface-gray-color, #929baa);
  cursor: unset;
  background-color: unset;
  border-radius: unset;
}
.oxd-radio-wrapper label[data-v-3dc69d80]:after {
  content: "";
  display: table;
  clear: both;
}
.oxd-radio-wrapper label input[type=radio][data-v-3dc69d80] {
  opacity: 0;
  position: absolute;
}
.oxd-radio-wrapper label input[type=radio] + .oxd-radio-input[data-v-3dc69d80] {
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-radio-wrapper label input[type=radio]:checked + .oxd-radio-input[data-v-3dc69d80] {
  box-shadow: inset 0 0 0 0.3rem var(--oxd-primary-one-color);
}
.oxd-radio-wrapper label input[type=radio]:checked:disabled + .oxd-radio-input[data-v-3dc69d80] {
  box-shadow: inset 0 0 0 0.3rem var(--oxd-primary-one-lighten-30-color);
}
.oxd-radio-input[data-v-3dc69d80] {
  position: relative;
  display: flex;
  border-radius: 100%;
  width: 1rem;
  height: 1rem;
}
.oxd-radio-input.--label-left[data-v-3dc69d80] {
  margin-left: 0.5em;
}
.oxd-radio-input.--label-right[data-v-3dc69d80] {
  margin-right: 0.5em;
}
.oxd-radio-input--active[data-v-3dc69d80] {
  border: 1px solid #e8eaef;
}
.oxd-radio-input--focus[data-v-3dc69d80] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-radio-input--error[data-v-3dc69d80] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 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]!./src/core/@oxd/components/Input/switch-input.scss?vue&type=style&index=0&id=5c0ac615&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-switch-wrapper label[data-v-5c0ac615] {
  cursor: pointer;
  display: flex;
  align-content: center;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
  width: -moz-fit-content;
  width: fit-content;
}
.oxd-switch-wrapper label input[type=checkbox][data-v-5c0ac615] {
  opacity: 0;
  position: absolute;
}
.oxd-switch-wrapper label input[type=checkbox] + .oxd-switch-input[data-v-5c0ac615] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-switch-wrapper label input[type=checkbox]:checked + .oxd-switch-input[data-v-5c0ac615] {
  background-color: var(--oxd-primary-one-color);
}
.oxd-switch-wrapper label input[type=checkbox]:checked + .oxd-switch-input[data-v-5c0ac615]::after {
  transform: translate(calc(2rem / 2), -50%);
}
.oxd-switch-wrapper label input[type=checkbox]:checked:disabled + .oxd-switch-input[data-v-5c0ac615] {
  background-color: var(--oxd-primary-one-alpha-50-color);
}
.oxd-switch-wrapper label input[type=checkbox]:checked:disabled + .oxd-switch-input[data-v-5c0ac615]::after {
  transform: translate(calc(2rem / 2), -50%);
}
.oxd-switch-wrapper label input[type=checkbox]:disabled + .oxd-switch-input[data-v-5c0ac615] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-switch-wrapper label.--disabled[data-v-5c0ac615] {
  color: var(--oxd-interface-gray-color, #929baa);
  cursor: unset;
}
.oxd-switch-input[data-v-5c0ac615] {
  position: relative;
  width: 2rem;
  height: calc(2rem / 2);
  border-radius: calc(calc(2rem / 2) / 2);
  transition: background-color 0.2s ease;
}
.oxd-switch-input--active[data-v-5c0ac615] {
  border: 1px solid #e8eaef;
}
.oxd-switch-input--focus[data-v-5c0ac615] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-switch-input--error[data-v-5c0ac615] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-switch-input.--label-left[data-v-5c0ac615] {
  margin-left: 0.5em;
}
.oxd-switch-input.--label-right[data-v-5c0ac615] {
  margin-right: 0.5em;
}
.oxd-switch-input[data-v-5c0ac615]::after {
  content: "";
  position: absolute;
  height: calc(calc(2rem / 2) - 2px);
  width: calc(calc(2rem / 2) - 2px);
  border-radius: calc(calc(calc(2rem / 2) - 2px) / 2);
  background-color: var(--oxd-primary-font-color);
  transition: transform 0.2s ease;
  top: 50%;
  transform: translate(0, -50%);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Input/Time/time-input.scss?vue&type=style&index=0&id=37cd507c&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-time-wrapper[data-v-37cd507c] {
  width: 100%;
  position: relative;
}
.oxd-time-wrapper[data-v-37cd507c]:focus {
  outline: none;
}
.oxd-time-wrapper > *[data-v-37cd507c]:focus {
  outline: none;
}
.oxd-time-input[data-v-37cd507c] {
  display: flex;
  align-items: center;
}
.oxd-time-input[data-v-37cd507c] .oxd-input {
  text-overflow: ellipsis;
  padding-right: 3rem;
}
.oxd-time-input--clock[data-v-37cd507c] {
  right: 0.25rem;
  display: flex;
  cursor: pointer;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 0.65rem;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.oxd-time-input--clock.--disabled[data-v-37cd507c], .oxd-time-input--clock.--readonly[data-v-37cd507c] {
  cursor: unset;
  background-color: var(--oxd-white-darken-1-color, #fcfcfc);
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.oxd-time-picker[data-v-37cd507c] {
  right: 0;
  display: flex;
  position: absolute;
  align-items: center;
  box-sizing: border-box;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  z-index: 240;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border-radius: 0.65rem;
  background-color: var(--oxd-white-color, #ffffff);
  max-height: 224px;
  margin-top: 5px;
  padding: 1.5rem 1rem;
  width: 250px;
}
.oxd-time-picker .oxd-time-hour-input[data-v-37cd507c],
.oxd-time-picker .oxd-time-minute-input[data-v-37cd507c],
.oxd-time-picker .oxd-time-period-input[data-v-37cd507c] {
  display: flex;
  flex-direction: column;
  width: 60px;
  align-items: center;
}
.oxd-time-picker .oxd-time-seperator[data-v-37cd507c] {
  display: block;
}
.oxd-time-picker .oxd-time-seperator-icon[data-v-37cd507c] {
  padding: 0.5rem;
}
.oxd-time-picker .oxd-time-hour-input-text[data-v-37cd507c],
.oxd-time-picker .oxd-time-minute-input-text[data-v-37cd507c] {
  width: inherit;
  text-align: center;
}
.oxd-time-picker .oxd-time-period-input[data-v-37cd507c] {
  justify-content: space-between;
  margin-left: auto;
}
.oxd-time-picker .oxd-time-period-label[data-v-37cd507c] {
  position: relative;
  padding: 0.25rem 0rem;
  min-width: 60px;
}
.oxd-time-picker .oxd-time-period-label input[type=radio][data-v-37cd507c] {
  opacity: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
}
.oxd-time-picker .oxd-time-period-label input[type=radio] + label[data-v-37cd507c] {
  display: block;
  text-align: center;
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-interface-gray-color, #929baa);
  font-size: 14px;
  font-weight: 600;
  font-family: "Nunito Sans", sans-serif;
  padding: 8px 16px;
  border-radius: 0.5rem;
  border: 1px solid #e8eaef;
}
.oxd-time-picker .oxd-time-period-label input[type=radio]:checked + label[data-v-37cd507c] {
  background-color: var(--oxd-primary-one-color);
}
.oxd-time-picker .oxd-time-period-label input[type=radio]:focus + label[data-v-37cd507c] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Input/Time/time-input.scss?vue&type=style&index=0&id=866ab368&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-time-wrapper[data-v-866ab368] {
  width: 100%;
  position: relative;
}
.oxd-time-wrapper[data-v-866ab368]:focus {
  outline: none;
}
.oxd-time-wrapper > *[data-v-866ab368]:focus {
  outline: none;
}
.oxd-time-input[data-v-866ab368] {
  display: flex;
  align-items: center;
}
.oxd-time-input[data-v-866ab368] .oxd-input {
  text-overflow: ellipsis;
  padding-right: 3rem;
}
.oxd-time-input--clock[data-v-866ab368] {
  right: 0.25rem;
  display: flex;
  cursor: pointer;
  position: absolute;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 0.65rem;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.oxd-time-input--clock.--disabled[data-v-866ab368], .oxd-time-input--clock.--readonly[data-v-866ab368] {
  cursor: unset;
  background-color: var(--oxd-white-darken-1-color, #fcfcfc);
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.oxd-time-picker[data-v-866ab368] {
  right: 0;
  display: flex;
  position: absolute;
  align-items: center;
  box-sizing: border-box;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  z-index: 240;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border-radius: 0.65rem;
  background-color: var(--oxd-white-color, #ffffff);
  max-height: 224px;
  margin-top: 5px;
  padding: 1.5rem 1rem;
  width: 250px;
}
.oxd-time-picker .oxd-time-hour-input[data-v-866ab368],
.oxd-time-picker .oxd-time-minute-input[data-v-866ab368],
.oxd-time-picker .oxd-time-period-input[data-v-866ab368] {
  display: flex;
  flex-direction: column;
  width: 60px;
  align-items: center;
}
.oxd-time-picker .oxd-time-seperator[data-v-866ab368] {
  display: block;
}
.oxd-time-picker .oxd-time-seperator-icon[data-v-866ab368] {
  padding: 0.5rem;
}
.oxd-time-picker .oxd-time-hour-input-text[data-v-866ab368],
.oxd-time-picker .oxd-time-minute-input-text[data-v-866ab368] {
  width: inherit;
  text-align: center;
}
.oxd-time-picker .oxd-time-period-input[data-v-866ab368] {
  justify-content: space-between;
  margin-left: auto;
}
.oxd-time-picker .oxd-time-period-label[data-v-866ab368] {
  position: relative;
  padding: 0.25rem 0rem;
  min-width: 60px;
}
.oxd-time-picker .oxd-time-period-label input[type=radio][data-v-866ab368] {
  opacity: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  cursor: pointer;
}
.oxd-time-picker .oxd-time-period-label input[type=radio] + label[data-v-866ab368] {
  display: block;
  text-align: center;
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-interface-gray-color, #929baa);
  font-size: 14px;
  font-weight: 600;
  font-family: "Nunito Sans", sans-serif;
  padding: 8px 16px;
  border-radius: 0.5rem;
  border: 1px solid #e8eaef;
}
.oxd-time-picker .oxd-time-period-label input[type=radio]:checked + label[data-v-866ab368] {
  background-color: var(--oxd-primary-one-color);
}
.oxd-time-picker .oxd-time-period-label input[type=radio]:focus + label[data-v-866ab368] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Label/label.scss?vue&type=style&index=0&id=18ff30fd&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-label[data-v-18ff30fd] {
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: var(--oxd-interface-gray-darken-1-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]!./src/core/@oxd/components/InputField/input-group.scss?vue&type=style&index=0&id=ad220cd0&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-input-group[data-v-ad220cd0] {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.oxd-input-group__message[data-v-ad220cd0] {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 600;
}
.oxd-input-group__label-wrapper[data-v-ad220cd0] {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  margin-bottom: 0.4rem;
}
.oxd-input-group__label-icon[data-v-ad220cd0] {
  margin-right: 4px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Input/Color/color-input.scss?vue&type=style&index=0&id=628a9964&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-color-input[data-v-628a9964] {
  display: block;
  padding: 0.1rem;
  position: relative;
  border-radius: 100%;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
}
.oxd-color-input-preview[data-v-628a9964] {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.oxd-color-input[data-v-628a9964]:focus {
  outline: none;
}
.oxd-color-input--active[data-v-628a9964] {
  border: 1px solid #e8eaef;
}
.oxd-color-input--focus[data-v-628a9964] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-color-input--error[data-v-628a9964] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-color-input--disabled[data-v-628a9964], .oxd-color-input--readonly[data-v-628a9964] {
  cursor: unset;
}
.oxd-color-picker[data-v-628a9964] {
  position: absolute;
  box-sizing: border-box;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  z-index: 240;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border-radius: 0.65rem;
  background-color: var(--oxd-white-color, #ffffff);
  margin-top: 5px;
  padding: 10px;
  width: 250px;
}
.oxd-color-picker.--positon-left[data-v-628a9964] {
  right: 0;
}
.oxd-color-picker-label[data-v-628a9964] {
  display: block;
  margin-bottom: 0.4rem;
}
.oxd-color-picker-palette[data-v-628a9964] {
  margin: 0;
  display: block;
  margin-bottom: 0.4rem;
}
.oxd-color-picker-indicator[data-v-628a9964] {
  cursor: pointer;
  position: absolute;
  border-radius: 100%;
  background: transparent;
  width: 10px;
  height: 10px;
  border: 3px solid var(--oxd-white-color, #ffffff);
}
.oxd-color-picker-range[data-v-628a9964] {
  width: 100%;
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
  background: transparent;
  min-height: 16px;
}
.oxd-color-picker-range[data-v-628a9964], .oxd-color-picker-range[data-v-628a9964]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.oxd-color-picker-range[data-v-628a9964]::-webkit-slider-runnable-track {
  border: none;
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: linear-gradient(to right, hsl(0, 100%, 50%), hsl(10, 100%, 50%), hsl(20, 100%, 50%), hsl(30, 100%, 50%), hsl(40, 100%, 50%), hsl(50, 100%, 50%), hsl(60, 100%, 50%), hsl(70, 100%, 50%), hsl(80, 100%, 50%), hsl(90, 100%, 50%), hsl(100, 100%, 50%), hsl(110, 100%, 50%), hsl(120, 100%, 50%), hsl(130, 100%, 50%), hsl(140, 100%, 50%), hsl(150, 100%, 50%), hsl(160, 100%, 50%), hsl(170, 100%, 50%), hsl(180, 100%, 50%), hsl(190, 100%, 50%), hsl(200, 100%, 50%), hsl(210, 100%, 50%), hsl(220, 100%, 50%), hsl(230, 100%, 50%), hsl(240, 100%, 50%), hsl(250, 100%, 50%), hsl(260, 100%, 50%), hsl(270, 100%, 50%), hsl(280, 100%, 50%), hsl(290, 100%, 50%), hsl(300, 100%, 50%), hsl(310, 100%, 50%), hsl(320, 100%, 50%), hsl(330, 100%, 50%), hsl(340, 100%, 50%), hsl(350, 100%, 50%), hsl(0, 100%, 50%));
}
.oxd-color-picker-range[data-v-628a9964]::-moz-range-track {
  border: none;
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: linear-gradient(to right, hsl(0, 100%, 50%), hsl(10, 100%, 50%), hsl(20, 100%, 50%), hsl(30, 100%, 50%), hsl(40, 100%, 50%), hsl(50, 100%, 50%), hsl(60, 100%, 50%), hsl(70, 100%, 50%), hsl(80, 100%, 50%), hsl(90, 100%, 50%), hsl(100, 100%, 50%), hsl(110, 100%, 50%), hsl(120, 100%, 50%), hsl(130, 100%, 50%), hsl(140, 100%, 50%), hsl(150, 100%, 50%), hsl(160, 100%, 50%), hsl(170, 100%, 50%), hsl(180, 100%, 50%), hsl(190, 100%, 50%), hsl(200, 100%, 50%), hsl(210, 100%, 50%), hsl(220, 100%, 50%), hsl(230, 100%, 50%), hsl(240, 100%, 50%), hsl(250, 100%, 50%), hsl(260, 100%, 50%), hsl(270, 100%, 50%), hsl(280, 100%, 50%), hsl(290, 100%, 50%), hsl(300, 100%, 50%), hsl(310, 100%, 50%), hsl(320, 100%, 50%), hsl(330, 100%, 50%), hsl(340, 100%, 50%), hsl(350, 100%, 50%), hsl(0, 100%, 50%));
}
.oxd-color-picker-range[data-v-628a9964]::-ms-track {
  border: none;
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: linear-gradient(to right, hsl(0, 100%, 50%), hsl(10, 100%, 50%), hsl(20, 100%, 50%), hsl(30, 100%, 50%), hsl(40, 100%, 50%), hsl(50, 100%, 50%), hsl(60, 100%, 50%), hsl(70, 100%, 50%), hsl(80, 100%, 50%), hsl(90, 100%, 50%), hsl(100, 100%, 50%), hsl(110, 100%, 50%), hsl(120, 100%, 50%), hsl(130, 100%, 50%), hsl(140, 100%, 50%), hsl(150, 100%, 50%), hsl(160, 100%, 50%), hsl(170, 100%, 50%), hsl(180, 100%, 50%), hsl(190, 100%, 50%), hsl(200, 100%, 50%), hsl(210, 100%, 50%), hsl(220, 100%, 50%), hsl(230, 100%, 50%), hsl(240, 100%, 50%), hsl(250, 100%, 50%), hsl(260, 100%, 50%), hsl(270, 100%, 50%), hsl(280, 100%, 50%), hsl(290, 100%, 50%), hsl(300, 100%, 50%), hsl(310, 100%, 50%), hsl(320, 100%, 50%), hsl(330, 100%, 50%), hsl(340, 100%, 50%), hsl(350, 100%, 50%), hsl(0, 100%, 50%));
}
.oxd-color-picker-range[data-v-628a9964]::-webkit-slider-thumb {
  margin-top: -4px;
  border: 1px solid #e8eaef;
  background-color: var(--oxd-white-color, #ffffff);
  width: 16px;
  height: 16px;
  border-radius: 16px;
}
.oxd-color-picker-range[data-v-628a9964]::-moz-range-thumb {
  border: 1px solid #e8eaef;
  background-color: var(--oxd-white-color, #ffffff);
  width: 16px;
  height: 16px;
  border-radius: 16px;
}
.oxd-color-picker-range[data-v-628a9964]::-ms-thumb {
  border: 1px solid #e8eaef;
  background-color: var(--oxd-white-color, #ffffff);
  width: 16px;
  height: 16px;
  border-radius: 16px;
}
.oxd-color-picker-range[data-v-628a9964]:focus {
  border: 1px solid #929baa;
}
.transition-fade-down-leave-to[data-v-628a9964] {
  transform: translateY(-5px);
  opacity: 0;
}
.transition-fade-down-enter-active[data-v-628a9964],
.transition-fade-down-leave-active[data-v-628a9964] {
  transition: transform 300ms cubic-bezier(0.53, 2, 0.36, 0.85), opacity 300ms cubic-bezier(0.53, 2, 0.36, 0.85);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Input/Color/color-input.scss?vue&type=style&index=0&id=424ca064&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-color-input[data-v-424ca064] {
  display: block;
  padding: 0.1rem;
  position: relative;
  border-radius: 100%;
  box-sizing: border-box;
  width: 32px;
  height: 32px;
}
.oxd-color-input-preview[data-v-424ca064] {
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
.oxd-color-input[data-v-424ca064]:focus {
  outline: none;
}
.oxd-color-input--active[data-v-424ca064] {
  border: 1px solid #e8eaef;
}
.oxd-color-input--focus[data-v-424ca064] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-color-input--error[data-v-424ca064] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-color-input--disabled[data-v-424ca064], .oxd-color-input--readonly[data-v-424ca064] {
  cursor: unset;
}
.oxd-color-picker[data-v-424ca064] {
  position: absolute;
  box-sizing: border-box;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  z-index: 240;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border-radius: 0.65rem;
  background-color: var(--oxd-white-color, #ffffff);
  margin-top: 5px;
  padding: 10px;
  width: 250px;
}
.oxd-color-picker.--positon-left[data-v-424ca064] {
  right: 0;
}
.oxd-color-picker-label[data-v-424ca064] {
  display: block;
  margin-bottom: 0.4rem;
}
.oxd-color-picker-palette[data-v-424ca064] {
  margin: 0;
  display: block;
  margin-bottom: 0.4rem;
}
.oxd-color-picker-indicator[data-v-424ca064] {
  cursor: pointer;
  position: absolute;
  border-radius: 100%;
  background: transparent;
  width: 10px;
  height: 10px;
  border: 3px solid var(--oxd-white-color, #ffffff);
}
.oxd-color-picker-range[data-v-424ca064] {
  width: 100%;
  margin: 0;
  padding: 0;
  outline: none;
  box-sizing: border-box;
  background: transparent;
  min-height: 16px;
}
.oxd-color-picker-range[data-v-424ca064], .oxd-color-picker-range[data-v-424ca064]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.oxd-color-picker-range[data-v-424ca064]::-webkit-slider-runnable-track {
  border: none;
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: linear-gradient(to right, hsl(0, 100%, 50%), hsl(10, 100%, 50%), hsl(20, 100%, 50%), hsl(30, 100%, 50%), hsl(40, 100%, 50%), hsl(50, 100%, 50%), hsl(60, 100%, 50%), hsl(70, 100%, 50%), hsl(80, 100%, 50%), hsl(90, 100%, 50%), hsl(100, 100%, 50%), hsl(110, 100%, 50%), hsl(120, 100%, 50%), hsl(130, 100%, 50%), hsl(140, 100%, 50%), hsl(150, 100%, 50%), hsl(160, 100%, 50%), hsl(170, 100%, 50%), hsl(180, 100%, 50%), hsl(190, 100%, 50%), hsl(200, 100%, 50%), hsl(210, 100%, 50%), hsl(220, 100%, 50%), hsl(230, 100%, 50%), hsl(240, 100%, 50%), hsl(250, 100%, 50%), hsl(260, 100%, 50%), hsl(270, 100%, 50%), hsl(280, 100%, 50%), hsl(290, 100%, 50%), hsl(300, 100%, 50%), hsl(310, 100%, 50%), hsl(320, 100%, 50%), hsl(330, 100%, 50%), hsl(340, 100%, 50%), hsl(350, 100%, 50%), hsl(0, 100%, 50%));
}
.oxd-color-picker-range[data-v-424ca064]::-moz-range-track {
  border: none;
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: linear-gradient(to right, hsl(0, 100%, 50%), hsl(10, 100%, 50%), hsl(20, 100%, 50%), hsl(30, 100%, 50%), hsl(40, 100%, 50%), hsl(50, 100%, 50%), hsl(60, 100%, 50%), hsl(70, 100%, 50%), hsl(80, 100%, 50%), hsl(90, 100%, 50%), hsl(100, 100%, 50%), hsl(110, 100%, 50%), hsl(120, 100%, 50%), hsl(130, 100%, 50%), hsl(140, 100%, 50%), hsl(150, 100%, 50%), hsl(160, 100%, 50%), hsl(170, 100%, 50%), hsl(180, 100%, 50%), hsl(190, 100%, 50%), hsl(200, 100%, 50%), hsl(210, 100%, 50%), hsl(220, 100%, 50%), hsl(230, 100%, 50%), hsl(240, 100%, 50%), hsl(250, 100%, 50%), hsl(260, 100%, 50%), hsl(270, 100%, 50%), hsl(280, 100%, 50%), hsl(290, 100%, 50%), hsl(300, 100%, 50%), hsl(310, 100%, 50%), hsl(320, 100%, 50%), hsl(330, 100%, 50%), hsl(340, 100%, 50%), hsl(350, 100%, 50%), hsl(0, 100%, 50%));
}
.oxd-color-picker-range[data-v-424ca064]::-ms-track {
  border: none;
  width: 100%;
  height: 8px;
  border-radius: 8px;
  background: linear-gradient(to right, hsl(0, 100%, 50%), hsl(10, 100%, 50%), hsl(20, 100%, 50%), hsl(30, 100%, 50%), hsl(40, 100%, 50%), hsl(50, 100%, 50%), hsl(60, 100%, 50%), hsl(70, 100%, 50%), hsl(80, 100%, 50%), hsl(90, 100%, 50%), hsl(100, 100%, 50%), hsl(110, 100%, 50%), hsl(120, 100%, 50%), hsl(130, 100%, 50%), hsl(140, 100%, 50%), hsl(150, 100%, 50%), hsl(160, 100%, 50%), hsl(170, 100%, 50%), hsl(180, 100%, 50%), hsl(190, 100%, 50%), hsl(200, 100%, 50%), hsl(210, 100%, 50%), hsl(220, 100%, 50%), hsl(230, 100%, 50%), hsl(240, 100%, 50%), hsl(250, 100%, 50%), hsl(260, 100%, 50%), hsl(270, 100%, 50%), hsl(280, 100%, 50%), hsl(290, 100%, 50%), hsl(300, 100%, 50%), hsl(310, 100%, 50%), hsl(320, 100%, 50%), hsl(330, 100%, 50%), hsl(340, 100%, 50%), hsl(350, 100%, 50%), hsl(0, 100%, 50%));
}
.oxd-color-picker-range[data-v-424ca064]::-webkit-slider-thumb {
  margin-top: -4px;
  border: 1px solid #e8eaef;
  background-color: var(--oxd-white-color, #ffffff);
  width: 16px;
  height: 16px;
  border-radius: 16px;
}
.oxd-color-picker-range[data-v-424ca064]::-moz-range-thumb {
  border: 1px solid #e8eaef;
  background-color: var(--oxd-white-color, #ffffff);
  width: 16px;
  height: 16px;
  border-radius: 16px;
}
.oxd-color-picker-range[data-v-424ca064]::-ms-thumb {
  border: 1px solid #e8eaef;
  background-color: var(--oxd-white-color, #ffffff);
  width: 16px;
  height: 16px;
  border-radius: 16px;
}
.oxd-color-picker-range[data-v-424ca064]:focus {
  border: 1px solid #929baa;
}
.transition-fade-down-leave-to[data-v-424ca064] {
  transform: translateY(-5px);
  opacity: 0;
}
.transition-fade-down-enter-active[data-v-424ca064],
.transition-fade-down-leave-active[data-v-424ca064] {
  transition: transform 300ms cubic-bezier(0.53, 2, 0.36, 0.85), opacity 300ms cubic-bezier(0.53, 2, 0.36, 0.85);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Input/Textarea/textarea.scss?vue&type=style&index=0&id=3cddf424&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-textarea[data-v-3cddf424] {
  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;
  width: 100%;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
  min-height: 5rem;
}
.oxd-textarea[data-v-3cddf424]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.oxd-textarea[data-v-3cddf424]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.oxd-textarea[data-v-3cddf424]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.oxd-textarea[data-v-3cddf424] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.oxd-textarea--active[data-v-3cddf424] {
  border: 1px solid #e8eaef;
}
.oxd-textarea--focus[data-v-3cddf424] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-textarea--error[data-v-3cddf424] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-textarea--resize-vertical[data-v-3cddf424] {
  resize: vertical;
}
.oxd-textarea--resize-horizontal[data-v-3cddf424] {
  resize: horizontal;
}
.oxd-textarea--resize-none[data-v-3cddf424] {
  resize: none;
}
.oxd-textarea[data-v-3cddf424]:disabled {
  background-color: #f0f0fc;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Input/Select/select-input.scss?vue&type=style&index=0&id=27cd378a&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-select-wrapper[data-v-27cd378a] {
  width: 100%;
  position: relative;
}
.oxd-select-wrapper[data-v-27cd378a]:focus {
  outline: none;
}
.oxd-select-wrapper > *[data-v-27cd378a]:focus {
  outline: none;
}
.oxd-select-text[data-v-27cd378a] {
  padding: 0;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  position: relative;
  width: inherit;
  border-radius: 0.65rem;
  min-height: 45px;
  cursor: pointer;
}
.oxd-select-text--active[data-v-27cd378a] {
  border: 1px solid #e8eaef;
}
.oxd-select-text--focus[data-v-27cd378a] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-select-text--error[data-v-27cd378a] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-select-text--disabled[data-v-27cd378a], .oxd-select-text--readonly[data-v-27cd378a] {
  cursor: unset;
  background: #f0f0f6;
}
.oxd-select-text-input[data-v-27cd378a] {
  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;
  width: 100%;
  outline: 0;
  border: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: transparent;
  padding: 0 0.25rem 0 0.5rem;
}
.oxd-select-text--before[data-v-27cd378a], .oxd-select-text--after[data-v-27cd378a] {
  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;
  color: var(--oxd-interface-gray-color, #929baa);
  padding: 0 0.25rem 0 0.5rem;
  border: none;
  min-width: 0;
  flex-shrink: 0;
  margin: 0;
}
.oxd-select-text--before[data-v-27cd378a]:empty, .oxd-select-text--after[data-v-27cd378a]:empty {
  display: none;
}
.oxd-select-text--before[data-v-27cd378a] {
  margin-left: auto;
  padding-right: 0;
}
.oxd-select-text--after[data-v-27cd378a] {
  margin-right: auto;
  padding-left: 0;
}
.oxd-select-text--arrow[data-v-27cd378a] {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 0.65rem;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.oxd-select-text--arrow.--disabled[data-v-27cd378a] {
  cursor: unset;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.oxd-select-text--arrow.--readonly[data-v-27cd378a] {
  cursor: unset;
  background-color: var(--oxd-white-darken-1-color, #fcfcfc);
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.oxd-select-dropdown[data-v-27cd378a] {
  position: absolute;
  width: inherit;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  z-index: 240;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 4px;
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border-radius: 0.65rem;
  background-color: var(--oxd-white-color, #ffffff);
  max-height: 224px;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.oxd-select-dropdown[data-v-27cd378a]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.oxd-select-dropdown[data-v-27cd378a]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.oxd-select-dropdown[data-v-27cd378a]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.oxd-select-dropdown[data-v-27cd378a] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.oxd-select-dropdown.--positon-top[data-v-27cd378a] {
  bottom: 100%;
  margin-bottom: 5px;
}
.oxd-select-dropdown.--positon-bottom[data-v-27cd378a] {
  margin-top: 5px;
}
.oxd-select-option[data-v-27cd378a] {
  border: 0;
  display: flex;
  align-items: center;
  text-align: inherit;
  cursor: pointer;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  padding: 4px;
  border-bottom: 1px solid #fbfbfc;
  background-color: transparent;
  min-height: 27px;
}
.oxd-select-option span[data-v-27cd378a] {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oxd-select-option[data-v-27cd378a]:last-child {
  border-bottom: unset;
}
.oxd-select-option[data-v-27cd378a]:hover, .oxd-select-option.--focused[data-v-27cd378a] {
  border-radius: 0.65rem;
  background-color: #f6f7f9;
}
.oxd-select-option.--disabled[data-v-27cd378a] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-select-option.--disabled[data-v-27cd378a]:hover, .oxd-select-option.--disabled.--focused[data-v-27cd378a] {
  background-color: transparent;
}
.oxd-select-option.--selected[data-v-27cd378a] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-select-option.--selected[data-v-27cd378a]:hover, .oxd-select-option.--selected.--focused[data-v-27cd378a] {
  background-color: transparent;
}
.oxd-select-option.--indent-1[data-v-27cd378a] {
  padding-left: 0.5rem;
}
.oxd-select-option.--indent-2[data-v-27cd378a] {
  padding-left: 1rem;
}
.oxd-select-option.--indent-3[data-v-27cd378a] {
  padding-left: 1.5rem;
}
.oxd-select-option.--indent-4[data-v-27cd378a] {
  padding-left: 2rem;
}
.oxd-select-option.--indent-5[data-v-27cd378a] {
  padding-left: 2.5rem;
}
.oxd-select-option.--indent-6[data-v-27cd378a] {
  padding-left: 3rem;
}
.oxd-select-option.--indent-7[data-v-27cd378a] {
  padding-left: 3.5rem;
}
.oxd-select-option.--indent-8[data-v-27cd378a] {
  padding-left: 4rem;
}
.oxd-select-option.--indent-9[data-v-27cd378a] {
  padding-left: 4.5rem;
}
.oxd-select-option.--indent-10[data-v-27cd378a] {
  padding-left: 5rem;
}
.oxd-select-option.--indent-11[data-v-27cd378a] {
  padding-left: 5.5rem;
}
.oxd-select-option.--indent-12[data-v-27cd378a] {
  padding-left: 6rem;
}
.oxd-select-option.--indent-13[data-v-27cd378a] {
  padding-left: 6.5rem;
}
.oxd-select-option.--indent-14[data-v-27cd378a] {
  padding-left: 7rem;
}
.oxd-select-option.--indent-15[data-v-27cd378a] {
  padding-left: 7.5rem;
}
.oxd-select-option.--indent-16[data-v-27cd378a] {
  padding-left: 8rem;
}
.oxd-select-option.--indent-17[data-v-27cd378a] {
  padding-left: 8.5rem;
}
.oxd-select-option.--indent-18[data-v-27cd378a] {
  padding-left: 9rem;
}
.oxd-select-option.--indent-19[data-v-27cd378a] {
  padding-left: 9.5rem;
}
.oxd-select-option.--indent-20[data-v-27cd378a] {
  padding-left: 10rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Input/Select/select-input.scss?vue&type=style&index=0&id=6dc3de03&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-select-wrapper[data-v-6dc3de03] {
  width: 100%;
  position: relative;
}
.oxd-select-wrapper[data-v-6dc3de03]:focus {
  outline: none;
}
.oxd-select-wrapper > *[data-v-6dc3de03]:focus {
  outline: none;
}
.oxd-select-text[data-v-6dc3de03] {
  padding: 0;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  position: relative;
  width: inherit;
  border-radius: 0.65rem;
  min-height: 45px;
  cursor: pointer;
}
.oxd-select-text--active[data-v-6dc3de03] {
  border: 1px solid #e8eaef;
}
.oxd-select-text--focus[data-v-6dc3de03] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-select-text--error[data-v-6dc3de03] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-select-text--disabled[data-v-6dc3de03], .oxd-select-text--readonly[data-v-6dc3de03] {
  cursor: unset;
  background: #f0f0f6;
}
.oxd-select-text-input[data-v-6dc3de03] {
  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;
  width: 100%;
  outline: 0;
  border: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: transparent;
  padding: 0 0.25rem 0 0.5rem;
}
.oxd-select-text--before[data-v-6dc3de03], .oxd-select-text--after[data-v-6dc3de03] {
  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;
  color: var(--oxd-interface-gray-color, #929baa);
  padding: 0 0.25rem 0 0.5rem;
  border: none;
  min-width: 0;
  flex-shrink: 0;
  margin: 0;
}
.oxd-select-text--before[data-v-6dc3de03]:empty, .oxd-select-text--after[data-v-6dc3de03]:empty {
  display: none;
}
.oxd-select-text--before[data-v-6dc3de03] {
  margin-left: auto;
  padding-right: 0;
}
.oxd-select-text--after[data-v-6dc3de03] {
  margin-right: auto;
  padding-left: 0;
}
.oxd-select-text--arrow[data-v-6dc3de03] {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 0.65rem;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.oxd-select-text--arrow.--disabled[data-v-6dc3de03] {
  cursor: unset;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.oxd-select-text--arrow.--readonly[data-v-6dc3de03] {
  cursor: unset;
  background-color: var(--oxd-white-darken-1-color, #fcfcfc);
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.oxd-select-dropdown[data-v-6dc3de03] {
  position: absolute;
  width: inherit;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  z-index: 240;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 4px;
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border-radius: 0.65rem;
  background-color: var(--oxd-white-color, #ffffff);
  max-height: 224px;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.oxd-select-dropdown[data-v-6dc3de03]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.oxd-select-dropdown[data-v-6dc3de03]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.oxd-select-dropdown[data-v-6dc3de03]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.oxd-select-dropdown[data-v-6dc3de03] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.oxd-select-dropdown.--positon-top[data-v-6dc3de03] {
  bottom: 100%;
  margin-bottom: 5px;
}
.oxd-select-dropdown.--positon-bottom[data-v-6dc3de03] {
  margin-top: 5px;
}
.oxd-select-option[data-v-6dc3de03] {
  border: 0;
  display: flex;
  align-items: center;
  text-align: inherit;
  cursor: pointer;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  padding: 4px;
  border-bottom: 1px solid #fbfbfc;
  background-color: transparent;
  min-height: 27px;
}
.oxd-select-option span[data-v-6dc3de03] {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oxd-select-option[data-v-6dc3de03]:last-child {
  border-bottom: unset;
}
.oxd-select-option[data-v-6dc3de03]:hover, .oxd-select-option.--focused[data-v-6dc3de03] {
  border-radius: 0.65rem;
  background-color: #f6f7f9;
}
.oxd-select-option.--disabled[data-v-6dc3de03] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-select-option.--disabled[data-v-6dc3de03]:hover, .oxd-select-option.--disabled.--focused[data-v-6dc3de03] {
  background-color: transparent;
}
.oxd-select-option.--selected[data-v-6dc3de03] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-select-option.--selected[data-v-6dc3de03]:hover, .oxd-select-option.--selected.--focused[data-v-6dc3de03] {
  background-color: transparent;
}
.oxd-select-option.--indent-1[data-v-6dc3de03] {
  padding-left: 0.5rem;
}
.oxd-select-option.--indent-2[data-v-6dc3de03] {
  padding-left: 1rem;
}
.oxd-select-option.--indent-3[data-v-6dc3de03] {
  padding-left: 1.5rem;
}
.oxd-select-option.--indent-4[data-v-6dc3de03] {
  padding-left: 2rem;
}
.oxd-select-option.--indent-5[data-v-6dc3de03] {
  padding-left: 2.5rem;
}
.oxd-select-option.--indent-6[data-v-6dc3de03] {
  padding-left: 3rem;
}
.oxd-select-option.--indent-7[data-v-6dc3de03] {
  padding-left: 3.5rem;
}
.oxd-select-option.--indent-8[data-v-6dc3de03] {
  padding-left: 4rem;
}
.oxd-select-option.--indent-9[data-v-6dc3de03] {
  padding-left: 4.5rem;
}
.oxd-select-option.--indent-10[data-v-6dc3de03] {
  padding-left: 5rem;
}
.oxd-select-option.--indent-11[data-v-6dc3de03] {
  padding-left: 5.5rem;
}
.oxd-select-option.--indent-12[data-v-6dc3de03] {
  padding-left: 6rem;
}
.oxd-select-option.--indent-13[data-v-6dc3de03] {
  padding-left: 6.5rem;
}
.oxd-select-option.--indent-14[data-v-6dc3de03] {
  padding-left: 7rem;
}
.oxd-select-option.--indent-15[data-v-6dc3de03] {
  padding-left: 7.5rem;
}
.oxd-select-option.--indent-16[data-v-6dc3de03] {
  padding-left: 8rem;
}
.oxd-select-option.--indent-17[data-v-6dc3de03] {
  padding-left: 8.5rem;
}
.oxd-select-option.--indent-18[data-v-6dc3de03] {
  padding-left: 9rem;
}
.oxd-select-option.--indent-19[data-v-6dc3de03] {
  padding-left: 9.5rem;
}
.oxd-select-option.--indent-20[data-v-6dc3de03] {
  padding-left: 10rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Input/Select/select-input.scss?vue&type=style&index=0&id=6415e61f&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-select-wrapper[data-v-6415e61f] {
  width: 100%;
  position: relative;
}
.oxd-select-wrapper[data-v-6415e61f]:focus {
  outline: none;
}
.oxd-select-wrapper > *[data-v-6415e61f]:focus {
  outline: none;
}
.oxd-select-text[data-v-6415e61f] {
  padding: 0;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  position: relative;
  width: inherit;
  border-radius: 0.65rem;
  min-height: 45px;
  cursor: pointer;
}
.oxd-select-text--active[data-v-6415e61f] {
  border: 1px solid #e8eaef;
}
.oxd-select-text--focus[data-v-6415e61f] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-select-text--error[data-v-6415e61f] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-select-text--disabled[data-v-6415e61f], .oxd-select-text--readonly[data-v-6415e61f] {
  cursor: unset;
  background: #f0f0f6;
}
.oxd-select-text-input[data-v-6415e61f] {
  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;
  width: 100%;
  outline: 0;
  border: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: transparent;
  padding: 0 0.25rem 0 0.5rem;
}
.oxd-select-text--before[data-v-6415e61f], .oxd-select-text--after[data-v-6415e61f] {
  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;
  color: var(--oxd-interface-gray-color, #929baa);
  padding: 0 0.25rem 0 0.5rem;
  border: none;
  min-width: 0;
  flex-shrink: 0;
  margin: 0;
}
.oxd-select-text--before[data-v-6415e61f]:empty, .oxd-select-text--after[data-v-6415e61f]:empty {
  display: none;
}
.oxd-select-text--before[data-v-6415e61f] {
  margin-left: auto;
  padding-right: 0;
}
.oxd-select-text--after[data-v-6415e61f] {
  margin-right: auto;
  padding-left: 0;
}
.oxd-select-text--arrow[data-v-6415e61f] {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 0.65rem;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.oxd-select-text--arrow.--disabled[data-v-6415e61f] {
  cursor: unset;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.oxd-select-text--arrow.--readonly[data-v-6415e61f] {
  cursor: unset;
  background-color: var(--oxd-white-darken-1-color, #fcfcfc);
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.oxd-select-dropdown[data-v-6415e61f] {
  position: absolute;
  width: inherit;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  z-index: 240;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 4px;
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border-radius: 0.65rem;
  background-color: var(--oxd-white-color, #ffffff);
  max-height: 224px;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.oxd-select-dropdown[data-v-6415e61f]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.oxd-select-dropdown[data-v-6415e61f]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.oxd-select-dropdown[data-v-6415e61f]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.oxd-select-dropdown[data-v-6415e61f] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.oxd-select-dropdown.--positon-top[data-v-6415e61f] {
  bottom: 100%;
  margin-bottom: 5px;
}
.oxd-select-dropdown.--positon-bottom[data-v-6415e61f] {
  margin-top: 5px;
}
.oxd-select-option[data-v-6415e61f] {
  border: 0;
  display: flex;
  align-items: center;
  text-align: inherit;
  cursor: pointer;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  padding: 4px;
  border-bottom: 1px solid #fbfbfc;
  background-color: transparent;
  min-height: 27px;
}
.oxd-select-option span[data-v-6415e61f] {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oxd-select-option[data-v-6415e61f]:last-child {
  border-bottom: unset;
}
.oxd-select-option[data-v-6415e61f]:hover, .oxd-select-option.--focused[data-v-6415e61f] {
  border-radius: 0.65rem;
  background-color: #f6f7f9;
}
.oxd-select-option.--disabled[data-v-6415e61f] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-select-option.--disabled[data-v-6415e61f]:hover, .oxd-select-option.--disabled.--focused[data-v-6415e61f] {
  background-color: transparent;
}
.oxd-select-option.--selected[data-v-6415e61f] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-select-option.--selected[data-v-6415e61f]:hover, .oxd-select-option.--selected.--focused[data-v-6415e61f] {
  background-color: transparent;
}
.oxd-select-option.--indent-1[data-v-6415e61f] {
  padding-left: 0.5rem;
}
.oxd-select-option.--indent-2[data-v-6415e61f] {
  padding-left: 1rem;
}
.oxd-select-option.--indent-3[data-v-6415e61f] {
  padding-left: 1.5rem;
}
.oxd-select-option.--indent-4[data-v-6415e61f] {
  padding-left: 2rem;
}
.oxd-select-option.--indent-5[data-v-6415e61f] {
  padding-left: 2.5rem;
}
.oxd-select-option.--indent-6[data-v-6415e61f] {
  padding-left: 3rem;
}
.oxd-select-option.--indent-7[data-v-6415e61f] {
  padding-left: 3.5rem;
}
.oxd-select-option.--indent-8[data-v-6415e61f] {
  padding-left: 4rem;
}
.oxd-select-option.--indent-9[data-v-6415e61f] {
  padding-left: 4.5rem;
}
.oxd-select-option.--indent-10[data-v-6415e61f] {
  padding-left: 5rem;
}
.oxd-select-option.--indent-11[data-v-6415e61f] {
  padding-left: 5.5rem;
}
.oxd-select-option.--indent-12[data-v-6415e61f] {
  padding-left: 6rem;
}
.oxd-select-option.--indent-13[data-v-6415e61f] {
  padding-left: 6.5rem;
}
.oxd-select-option.--indent-14[data-v-6415e61f] {
  padding-left: 7rem;
}
.oxd-select-option.--indent-15[data-v-6415e61f] {
  padding-left: 7.5rem;
}
.oxd-select-option.--indent-16[data-v-6415e61f] {
  padding-left: 8rem;
}
.oxd-select-option.--indent-17[data-v-6415e61f] {
  padding-left: 8.5rem;
}
.oxd-select-option.--indent-18[data-v-6415e61f] {
  padding-left: 9rem;
}
.oxd-select-option.--indent-19[data-v-6415e61f] {
  padding-left: 9.5rem;
}
.oxd-select-option.--indent-20[data-v-6415e61f] {
  padding-left: 10rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Input/Select/select-input.scss?vue&type=style&index=0&id=3d49a92c&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-select-wrapper[data-v-3d49a92c] {
  width: 100%;
  position: relative;
}
.oxd-select-wrapper[data-v-3d49a92c]:focus {
  outline: none;
}
.oxd-select-wrapper > *[data-v-3d49a92c]:focus {
  outline: none;
}
.oxd-select-text[data-v-3d49a92c] {
  padding: 0;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  position: relative;
  width: inherit;
  border-radius: 0.65rem;
  min-height: 45px;
  cursor: pointer;
}
.oxd-select-text--active[data-v-3d49a92c] {
  border: 1px solid #e8eaef;
}
.oxd-select-text--focus[data-v-3d49a92c] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-select-text--error[data-v-3d49a92c] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-select-text--disabled[data-v-3d49a92c], .oxd-select-text--readonly[data-v-3d49a92c] {
  cursor: unset;
  background: #f0f0f6;
}
.oxd-select-text-input[data-v-3d49a92c] {
  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;
  width: 100%;
  outline: 0;
  border: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: transparent;
  padding: 0 0.25rem 0 0.5rem;
}
.oxd-select-text--before[data-v-3d49a92c], .oxd-select-text--after[data-v-3d49a92c] {
  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;
  color: var(--oxd-interface-gray-color, #929baa);
  padding: 0 0.25rem 0 0.5rem;
  border: none;
  min-width: 0;
  flex-shrink: 0;
  margin: 0;
}
.oxd-select-text--before[data-v-3d49a92c]:empty, .oxd-select-text--after[data-v-3d49a92c]:empty {
  display: none;
}
.oxd-select-text--before[data-v-3d49a92c] {
  margin-left: auto;
  padding-right: 0;
}
.oxd-select-text--after[data-v-3d49a92c] {
  margin-right: auto;
  padding-left: 0;
}
.oxd-select-text--arrow[data-v-3d49a92c] {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 0.65rem;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.oxd-select-text--arrow.--disabled[data-v-3d49a92c] {
  cursor: unset;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.oxd-select-text--arrow.--readonly[data-v-3d49a92c] {
  cursor: unset;
  background-color: var(--oxd-white-darken-1-color, #fcfcfc);
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.oxd-select-dropdown[data-v-3d49a92c] {
  position: absolute;
  width: inherit;
  box-sizing: border-box;
  overflow-y: auto;
  overflow-x: hidden;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  z-index: 240;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 4px;
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border-radius: 0.65rem;
  background-color: var(--oxd-white-color, #ffffff);
  max-height: 224px;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.oxd-select-dropdown[data-v-3d49a92c]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.oxd-select-dropdown[data-v-3d49a92c]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.oxd-select-dropdown[data-v-3d49a92c]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.oxd-select-dropdown[data-v-3d49a92c] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.oxd-select-dropdown.--positon-top[data-v-3d49a92c] {
  bottom: 100%;
  margin-bottom: 5px;
}
.oxd-select-dropdown.--positon-bottom[data-v-3d49a92c] {
  margin-top: 5px;
}
.oxd-select-option[data-v-3d49a92c] {
  border: 0;
  display: flex;
  align-items: center;
  text-align: inherit;
  cursor: pointer;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  padding: 4px;
  border-bottom: 1px solid #fbfbfc;
  background-color: transparent;
  min-height: 27px;
}
.oxd-select-option span[data-v-3d49a92c] {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oxd-select-option[data-v-3d49a92c]:last-child {
  border-bottom: unset;
}
.oxd-select-option[data-v-3d49a92c]:hover, .oxd-select-option.--focused[data-v-3d49a92c] {
  border-radius: 0.65rem;
  background-color: #f6f7f9;
}
.oxd-select-option.--disabled[data-v-3d49a92c] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-select-option.--disabled[data-v-3d49a92c]:hover, .oxd-select-option.--disabled.--focused[data-v-3d49a92c] {
  background-color: transparent;
}
.oxd-select-option.--selected[data-v-3d49a92c] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-select-option.--selected[data-v-3d49a92c]:hover, .oxd-select-option.--selected.--focused[data-v-3d49a92c] {
  background-color: transparent;
}
.oxd-select-option.--indent-1[data-v-3d49a92c] {
  padding-left: 0.5rem;
}
.oxd-select-option.--indent-2[data-v-3d49a92c] {
  padding-left: 1rem;
}
.oxd-select-option.--indent-3[data-v-3d49a92c] {
  padding-left: 1.5rem;
}
.oxd-select-option.--indent-4[data-v-3d49a92c] {
  padding-left: 2rem;
}
.oxd-select-option.--indent-5[data-v-3d49a92c] {
  padding-left: 2.5rem;
}
.oxd-select-option.--indent-6[data-v-3d49a92c] {
  padding-left: 3rem;
}
.oxd-select-option.--indent-7[data-v-3d49a92c] {
  padding-left: 3.5rem;
}
.oxd-select-option.--indent-8[data-v-3d49a92c] {
  padding-left: 4rem;
}
.oxd-select-option.--indent-9[data-v-3d49a92c] {
  padding-left: 4.5rem;
}
.oxd-select-option.--indent-10[data-v-3d49a92c] {
  padding-left: 5rem;
}
.oxd-select-option.--indent-11[data-v-3d49a92c] {
  padding-left: 5.5rem;
}
.oxd-select-option.--indent-12[data-v-3d49a92c] {
  padding-left: 6rem;
}
.oxd-select-option.--indent-13[data-v-3d49a92c] {
  padding-left: 6.5rem;
}
.oxd-select-option.--indent-14[data-v-3d49a92c] {
  padding-left: 7rem;
}
.oxd-select-option.--indent-15[data-v-3d49a92c] {
  padding-left: 7.5rem;
}
.oxd-select-option.--indent-16[data-v-3d49a92c] {
  padding-left: 8rem;
}
.oxd-select-option.--indent-17[data-v-3d49a92c] {
  padding-left: 8.5rem;
}
.oxd-select-option.--indent-18[data-v-3d49a92c] {
  padding-left: 9rem;
}
.oxd-select-option.--indent-19[data-v-3d49a92c] {
  padding-left: 9.5rem;
}
.oxd-select-option.--indent-20[data-v-3d49a92c] {
  padding-left: 10rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Input/MultiSelect/multiselect-input.scss?vue&type=style&index=0&id=9c718746&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-multiselect-wrapper[data-v-9c718746] {
  width: 100%;
  position: relative;
}
.oxd-multiselect-wrapper[data-v-9c718746]:focus {
  outline: none;
}
.oxd-multiselect-wrapper > *[data-v-9c718746]:focus {
  outline: none;
}
.oxd-multiselect-chips-area[data-v-9c718746] {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  justify-content: flex-start;
}
.oxd-multiselect-chips-area .oxd-multiselect-chips-selected[data-v-9c718746] {
  display: flex;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  background-color: #f6f7f9;
  margin-right: 5px;
  margin-bottom: 5px;
}
.oxd-multiselect-chips-area .oxd-multiselect-chips-selected .--clear[data-v-9c718746] {
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  color: var(--oxd-white-color, #ffffff);
  margin-left: 5px;
}
.oxd-multiselect-chips-area .oxd-multiselect-chips-selected .--disabled[data-v-9c718746], .oxd-multiselect-chips-area .oxd-multiselect-chips-selected .--readonly[data-v-9c718746] {
  cursor: 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]!./src/core/@oxd/components/Input/MultiSelect/multiselect-input.scss?vue&type=style&index=0&id=158ad500&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-multiselect-wrapper[data-v-158ad500] {
  width: 100%;
  position: relative;
}
.oxd-multiselect-wrapper[data-v-158ad500]:focus {
  outline: none;
}
.oxd-multiselect-wrapper > *[data-v-158ad500]:focus {
  outline: none;
}
.oxd-multiselect-chips-area[data-v-158ad500] {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  justify-content: flex-start;
}
.oxd-multiselect-chips-area .oxd-multiselect-chips-selected[data-v-158ad500] {
  display: flex;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  background-color: #f6f7f9;
  margin-right: 5px;
  margin-bottom: 5px;
}
.oxd-multiselect-chips-area .oxd-multiselect-chips-selected .--clear[data-v-158ad500] {
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  color: var(--oxd-white-color, #ffffff);
  margin-left: 5px;
}
.oxd-multiselect-chips-area .oxd-multiselect-chips-selected .--disabled[data-v-158ad500], .oxd-multiselect-chips-area .oxd-multiselect-chips-selected .--readonly[data-v-158ad500] {
  cursor: 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]!./src/core/@oxd/components/Input/Autocomplete/autocomplete-input.scss?vue&type=style&index=0&id=06fbb5c9&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-autocomplete-wrapper[data-v-06fbb5c9] {
  width: 100%;
  position: relative;
}
.oxd-autocomplete-wrapper[data-v-06fbb5c9]:focus {
  outline: none;
}
.oxd-autocomplete-wrapper > *[data-v-06fbb5c9]:focus {
  outline: none;
}
.oxd-autocomplete-text-input[data-v-06fbb5c9] {
  padding: 0;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  position: relative;
  width: inherit;
  border-radius: 0.65rem;
  min-height: 45px;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-autocomplete-text-input--active[data-v-06fbb5c9] {
  border: 1px solid #e8eaef;
}
.oxd-autocomplete-text-input--focus[data-v-06fbb5c9] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-autocomplete-text-input--error[data-v-06fbb5c9] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-autocomplete-text-input--disabled[data-v-06fbb5c9], .oxd-autocomplete-text-input--readonly[data-v-06fbb5c9] {
  background: #f0f0f6;
}
.oxd-autocomplete-text-input input[data-v-06fbb5c9] {
  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;
  width: 100%;
  outline: 0;
  border: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: transparent;
}
.oxd-autocomplete-text-input--before[data-v-06fbb5c9], .oxd-autocomplete-text-input--after[data-v-06fbb5c9] {
  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;
  color: var(--oxd-interface-gray-color, #929baa);
  border: none;
  min-width: 0;
  flex-shrink: 0;
  margin: 0;
}
.oxd-autocomplete-text-input--before[data-v-06fbb5c9]:empty, .oxd-autocomplete-text-input--after[data-v-06fbb5c9]:empty {
  display: none;
}
.oxd-autocomplete-text-input--before[data-v-06fbb5c9] {
  margin-left: auto;
  padding-right: 0;
}
.oxd-autocomplete-text-input--after[data-v-06fbb5c9] {
  margin-right: auto;
  padding-left: 0;
}
.oxd-autocomplete-text-input--clear[data-v-06fbb5c9] {
  color: inherit;
  font-size: inherit;
  vertical-align: middle;
  cursor: pointer;
}
.oxd-autocomplete-dropdown[data-v-06fbb5c9] {
  position: absolute;
  width: inherit;
  box-sizing: border-box;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  z-index: 240;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 4px;
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border-radius: 0.65rem;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-autocomplete-dropdown.--positon-top[data-v-06fbb5c9] {
  bottom: 100%;
  margin-bottom: 5px;
}
.oxd-autocomplete-dropdown.--positon-bottom[data-v-06fbb5c9] {
  margin-top: 5px;
}
.oxd-autocomplete-option[data-v-06fbb5c9] {
  border: 0;
  display: flex;
  align-items: center;
  text-align: inherit;
  cursor: pointer;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  padding: 4px;
  border-bottom: 1px solid #fbfbfc;
  background-color: transparent;
  min-height: 27px;
}
.oxd-autocomplete-option span[data-v-06fbb5c9] {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oxd-autocomplete-option[data-v-06fbb5c9]:last-child {
  border-bottom: unset;
}
.oxd-autocomplete-option[data-v-06fbb5c9]:hover, .oxd-autocomplete-option.--focused[data-v-06fbb5c9] {
  border-radius: 0.65rem;
  background-color: #f6f7f9;
}
.oxd-autocomplete-option.--disabled[data-v-06fbb5c9] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-autocomplete-option.--disabled[data-v-06fbb5c9]:hover, .oxd-autocomplete-option.--disabled.--focused[data-v-06fbb5c9] {
  background-color: transparent;
}
.oxd-autocomplete-option.--selected[data-v-06fbb5c9] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-autocomplete-option.--selected[data-v-06fbb5c9]:hover, .oxd-autocomplete-option.--selected.--focused[data-v-06fbb5c9] {
  background-color: transparent;
}
.oxd-autocomplete-option.--indent-1[data-v-06fbb5c9] {
  padding-left: 0.5rem;
}
.oxd-autocomplete-option.--indent-2[data-v-06fbb5c9] {
  padding-left: 1rem;
}
.oxd-autocomplete-option.--indent-3[data-v-06fbb5c9] {
  padding-left: 1.5rem;
}
.oxd-autocomplete-option.--indent-4[data-v-06fbb5c9] {
  padding-left: 2rem;
}
.oxd-autocomplete-option.--indent-5[data-v-06fbb5c9] {
  padding-left: 2.5rem;
}
.oxd-autocomplete-option.--indent-6[data-v-06fbb5c9] {
  padding-left: 3rem;
}
.oxd-autocomplete-option.--indent-7[data-v-06fbb5c9] {
  padding-left: 3.5rem;
}
.oxd-autocomplete-option.--indent-8[data-v-06fbb5c9] {
  padding-left: 4rem;
}
.oxd-autocomplete-option.--indent-9[data-v-06fbb5c9] {
  padding-left: 4.5rem;
}
.oxd-autocomplete-option.--indent-10[data-v-06fbb5c9] {
  padding-left: 5rem;
}
.oxd-autocomplete-option.--indent-11[data-v-06fbb5c9] {
  padding-left: 5.5rem;
}
.oxd-autocomplete-option.--indent-12[data-v-06fbb5c9] {
  padding-left: 6rem;
}
.oxd-autocomplete-option.--indent-13[data-v-06fbb5c9] {
  padding-left: 6.5rem;
}
.oxd-autocomplete-option.--indent-14[data-v-06fbb5c9] {
  padding-left: 7rem;
}
.oxd-autocomplete-option.--indent-15[data-v-06fbb5c9] {
  padding-left: 7.5rem;
}
.oxd-autocomplete-option.--indent-16[data-v-06fbb5c9] {
  padding-left: 8rem;
}
.oxd-autocomplete-option.--indent-17[data-v-06fbb5c9] {
  padding-left: 8.5rem;
}
.oxd-autocomplete-option.--indent-18[data-v-06fbb5c9] {
  padding-left: 9rem;
}
.oxd-autocomplete-option.--indent-19[data-v-06fbb5c9] {
  padding-left: 9.5rem;
}
.oxd-autocomplete-option.--indent-20[data-v-06fbb5c9] {
  padding-left: 10rem;
}
.oxd-autocomplete-chips-area[data-v-06fbb5c9] {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  justify-content: flex-start;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected[data-v-06fbb5c9] {
  display: flex;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  background-color: #f6f7f9;
  margin-right: 5px;
  margin-bottom: 5px;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--clear[data-v-06fbb5c9] {
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  color: var(--oxd-white-color, #ffffff);
  margin-left: 5px;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--disabled[data-v-06fbb5c9], .oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--readonly[data-v-06fbb5c9] {
  cursor: 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]!./src/core/@oxd/components/Input/Autocomplete/autocomplete-input.scss?vue&type=style&index=0&id=21fa3e7a&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-autocomplete-wrapper[data-v-21fa3e7a] {
  width: 100%;
  position: relative;
}
.oxd-autocomplete-wrapper[data-v-21fa3e7a]:focus {
  outline: none;
}
.oxd-autocomplete-wrapper > *[data-v-21fa3e7a]:focus {
  outline: none;
}
.oxd-autocomplete-text-input[data-v-21fa3e7a] {
  padding: 0;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  position: relative;
  width: inherit;
  border-radius: 0.65rem;
  min-height: 45px;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-autocomplete-text-input--active[data-v-21fa3e7a] {
  border: 1px solid #e8eaef;
}
.oxd-autocomplete-text-input--focus[data-v-21fa3e7a] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-autocomplete-text-input--error[data-v-21fa3e7a] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-autocomplete-text-input--disabled[data-v-21fa3e7a], .oxd-autocomplete-text-input--readonly[data-v-21fa3e7a] {
  background: #f0f0f6;
}
.oxd-autocomplete-text-input input[data-v-21fa3e7a] {
  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;
  width: 100%;
  outline: 0;
  border: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: transparent;
}
.oxd-autocomplete-text-input--before[data-v-21fa3e7a], .oxd-autocomplete-text-input--after[data-v-21fa3e7a] {
  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;
  color: var(--oxd-interface-gray-color, #929baa);
  border: none;
  min-width: 0;
  flex-shrink: 0;
  margin: 0;
}
.oxd-autocomplete-text-input--before[data-v-21fa3e7a]:empty, .oxd-autocomplete-text-input--after[data-v-21fa3e7a]:empty {
  display: none;
}
.oxd-autocomplete-text-input--before[data-v-21fa3e7a] {
  margin-left: auto;
  padding-right: 0;
}
.oxd-autocomplete-text-input--after[data-v-21fa3e7a] {
  margin-right: auto;
  padding-left: 0;
}
.oxd-autocomplete-text-input--clear[data-v-21fa3e7a] {
  color: inherit;
  font-size: inherit;
  vertical-align: middle;
  cursor: pointer;
}
.oxd-autocomplete-dropdown[data-v-21fa3e7a] {
  position: absolute;
  width: inherit;
  box-sizing: border-box;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  z-index: 240;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 4px;
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border-radius: 0.65rem;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-autocomplete-dropdown.--positon-top[data-v-21fa3e7a] {
  bottom: 100%;
  margin-bottom: 5px;
}
.oxd-autocomplete-dropdown.--positon-bottom[data-v-21fa3e7a] {
  margin-top: 5px;
}
.oxd-autocomplete-option[data-v-21fa3e7a] {
  border: 0;
  display: flex;
  align-items: center;
  text-align: inherit;
  cursor: pointer;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  padding: 4px;
  border-bottom: 1px solid #fbfbfc;
  background-color: transparent;
  min-height: 27px;
}
.oxd-autocomplete-option span[data-v-21fa3e7a] {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oxd-autocomplete-option[data-v-21fa3e7a]:last-child {
  border-bottom: unset;
}
.oxd-autocomplete-option[data-v-21fa3e7a]:hover, .oxd-autocomplete-option.--focused[data-v-21fa3e7a] {
  border-radius: 0.65rem;
  background-color: #f6f7f9;
}
.oxd-autocomplete-option.--disabled[data-v-21fa3e7a] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-autocomplete-option.--disabled[data-v-21fa3e7a]:hover, .oxd-autocomplete-option.--disabled.--focused[data-v-21fa3e7a] {
  background-color: transparent;
}
.oxd-autocomplete-option.--selected[data-v-21fa3e7a] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-autocomplete-option.--selected[data-v-21fa3e7a]:hover, .oxd-autocomplete-option.--selected.--focused[data-v-21fa3e7a] {
  background-color: transparent;
}
.oxd-autocomplete-option.--indent-1[data-v-21fa3e7a] {
  padding-left: 0.5rem;
}
.oxd-autocomplete-option.--indent-2[data-v-21fa3e7a] {
  padding-left: 1rem;
}
.oxd-autocomplete-option.--indent-3[data-v-21fa3e7a] {
  padding-left: 1.5rem;
}
.oxd-autocomplete-option.--indent-4[data-v-21fa3e7a] {
  padding-left: 2rem;
}
.oxd-autocomplete-option.--indent-5[data-v-21fa3e7a] {
  padding-left: 2.5rem;
}
.oxd-autocomplete-option.--indent-6[data-v-21fa3e7a] {
  padding-left: 3rem;
}
.oxd-autocomplete-option.--indent-7[data-v-21fa3e7a] {
  padding-left: 3.5rem;
}
.oxd-autocomplete-option.--indent-8[data-v-21fa3e7a] {
  padding-left: 4rem;
}
.oxd-autocomplete-option.--indent-9[data-v-21fa3e7a] {
  padding-left: 4.5rem;
}
.oxd-autocomplete-option.--indent-10[data-v-21fa3e7a] {
  padding-left: 5rem;
}
.oxd-autocomplete-option.--indent-11[data-v-21fa3e7a] {
  padding-left: 5.5rem;
}
.oxd-autocomplete-option.--indent-12[data-v-21fa3e7a] {
  padding-left: 6rem;
}
.oxd-autocomplete-option.--indent-13[data-v-21fa3e7a] {
  padding-left: 6.5rem;
}
.oxd-autocomplete-option.--indent-14[data-v-21fa3e7a] {
  padding-left: 7rem;
}
.oxd-autocomplete-option.--indent-15[data-v-21fa3e7a] {
  padding-left: 7.5rem;
}
.oxd-autocomplete-option.--indent-16[data-v-21fa3e7a] {
  padding-left: 8rem;
}
.oxd-autocomplete-option.--indent-17[data-v-21fa3e7a] {
  padding-left: 8.5rem;
}
.oxd-autocomplete-option.--indent-18[data-v-21fa3e7a] {
  padding-left: 9rem;
}
.oxd-autocomplete-option.--indent-19[data-v-21fa3e7a] {
  padding-left: 9.5rem;
}
.oxd-autocomplete-option.--indent-20[data-v-21fa3e7a] {
  padding-left: 10rem;
}
.oxd-autocomplete-chips-area[data-v-21fa3e7a] {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  justify-content: flex-start;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected[data-v-21fa3e7a] {
  display: flex;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  background-color: #f6f7f9;
  margin-right: 5px;
  margin-bottom: 5px;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--clear[data-v-21fa3e7a] {
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  color: var(--oxd-white-color, #ffffff);
  margin-left: 5px;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--disabled[data-v-21fa3e7a], .oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--readonly[data-v-21fa3e7a] {
  cursor: 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]!./src/core/@oxd/components/Input/Autocomplete/autocomplete-input.scss?vue&type=style&index=0&id=dcc18e42&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-autocomplete-wrapper[data-v-dcc18e42] {
  width: 100%;
  position: relative;
}
.oxd-autocomplete-wrapper[data-v-dcc18e42]:focus {
  outline: none;
}
.oxd-autocomplete-wrapper > *[data-v-dcc18e42]:focus {
  outline: none;
}
.oxd-autocomplete-text-input[data-v-dcc18e42] {
  padding: 0;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  position: relative;
  width: inherit;
  border-radius: 0.65rem;
  min-height: 45px;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-autocomplete-text-input--active[data-v-dcc18e42] {
  border: 1px solid #e8eaef;
}
.oxd-autocomplete-text-input--focus[data-v-dcc18e42] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-autocomplete-text-input--error[data-v-dcc18e42] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-autocomplete-text-input--disabled[data-v-dcc18e42], .oxd-autocomplete-text-input--readonly[data-v-dcc18e42] {
  background: #f0f0f6;
}
.oxd-autocomplete-text-input input[data-v-dcc18e42] {
  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;
  width: 100%;
  outline: 0;
  border: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: transparent;
}
.oxd-autocomplete-text-input--before[data-v-dcc18e42], .oxd-autocomplete-text-input--after[data-v-dcc18e42] {
  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;
  color: var(--oxd-interface-gray-color, #929baa);
  border: none;
  min-width: 0;
  flex-shrink: 0;
  margin: 0;
}
.oxd-autocomplete-text-input--before[data-v-dcc18e42]:empty, .oxd-autocomplete-text-input--after[data-v-dcc18e42]:empty {
  display: none;
}
.oxd-autocomplete-text-input--before[data-v-dcc18e42] {
  margin-left: auto;
  padding-right: 0;
}
.oxd-autocomplete-text-input--after[data-v-dcc18e42] {
  margin-right: auto;
  padding-left: 0;
}
.oxd-autocomplete-text-input--clear[data-v-dcc18e42] {
  color: inherit;
  font-size: inherit;
  vertical-align: middle;
  cursor: pointer;
}
.oxd-autocomplete-dropdown[data-v-dcc18e42] {
  position: absolute;
  width: inherit;
  box-sizing: border-box;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  z-index: 240;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 4px;
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border-radius: 0.65rem;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-autocomplete-dropdown.--positon-top[data-v-dcc18e42] {
  bottom: 100%;
  margin-bottom: 5px;
}
.oxd-autocomplete-dropdown.--positon-bottom[data-v-dcc18e42] {
  margin-top: 5px;
}
.oxd-autocomplete-option[data-v-dcc18e42] {
  border: 0;
  display: flex;
  align-items: center;
  text-align: inherit;
  cursor: pointer;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  padding: 4px;
  border-bottom: 1px solid #fbfbfc;
  background-color: transparent;
  min-height: 27px;
}
.oxd-autocomplete-option span[data-v-dcc18e42] {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oxd-autocomplete-option[data-v-dcc18e42]:last-child {
  border-bottom: unset;
}
.oxd-autocomplete-option[data-v-dcc18e42]:hover, .oxd-autocomplete-option.--focused[data-v-dcc18e42] {
  border-radius: 0.65rem;
  background-color: #f6f7f9;
}
.oxd-autocomplete-option.--disabled[data-v-dcc18e42] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-autocomplete-option.--disabled[data-v-dcc18e42]:hover, .oxd-autocomplete-option.--disabled.--focused[data-v-dcc18e42] {
  background-color: transparent;
}
.oxd-autocomplete-option.--selected[data-v-dcc18e42] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-autocomplete-option.--selected[data-v-dcc18e42]:hover, .oxd-autocomplete-option.--selected.--focused[data-v-dcc18e42] {
  background-color: transparent;
}
.oxd-autocomplete-option.--indent-1[data-v-dcc18e42] {
  padding-left: 0.5rem;
}
.oxd-autocomplete-option.--indent-2[data-v-dcc18e42] {
  padding-left: 1rem;
}
.oxd-autocomplete-option.--indent-3[data-v-dcc18e42] {
  padding-left: 1.5rem;
}
.oxd-autocomplete-option.--indent-4[data-v-dcc18e42] {
  padding-left: 2rem;
}
.oxd-autocomplete-option.--indent-5[data-v-dcc18e42] {
  padding-left: 2.5rem;
}
.oxd-autocomplete-option.--indent-6[data-v-dcc18e42] {
  padding-left: 3rem;
}
.oxd-autocomplete-option.--indent-7[data-v-dcc18e42] {
  padding-left: 3.5rem;
}
.oxd-autocomplete-option.--indent-8[data-v-dcc18e42] {
  padding-left: 4rem;
}
.oxd-autocomplete-option.--indent-9[data-v-dcc18e42] {
  padding-left: 4.5rem;
}
.oxd-autocomplete-option.--indent-10[data-v-dcc18e42] {
  padding-left: 5rem;
}
.oxd-autocomplete-option.--indent-11[data-v-dcc18e42] {
  padding-left: 5.5rem;
}
.oxd-autocomplete-option.--indent-12[data-v-dcc18e42] {
  padding-left: 6rem;
}
.oxd-autocomplete-option.--indent-13[data-v-dcc18e42] {
  padding-left: 6.5rem;
}
.oxd-autocomplete-option.--indent-14[data-v-dcc18e42] {
  padding-left: 7rem;
}
.oxd-autocomplete-option.--indent-15[data-v-dcc18e42] {
  padding-left: 7.5rem;
}
.oxd-autocomplete-option.--indent-16[data-v-dcc18e42] {
  padding-left: 8rem;
}
.oxd-autocomplete-option.--indent-17[data-v-dcc18e42] {
  padding-left: 8.5rem;
}
.oxd-autocomplete-option.--indent-18[data-v-dcc18e42] {
  padding-left: 9rem;
}
.oxd-autocomplete-option.--indent-19[data-v-dcc18e42] {
  padding-left: 9.5rem;
}
.oxd-autocomplete-option.--indent-20[data-v-dcc18e42] {
  padding-left: 10rem;
}
.oxd-autocomplete-chips-area[data-v-dcc18e42] {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  justify-content: flex-start;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected[data-v-dcc18e42] {
  display: flex;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  background-color: #f6f7f9;
  margin-right: 5px;
  margin-bottom: 5px;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--clear[data-v-dcc18e42] {
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  color: var(--oxd-white-color, #ffffff);
  margin-left: 5px;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--disabled[data-v-dcc18e42], .oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--readonly[data-v-dcc18e42] {
  cursor: 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]!./src/core/@oxd/components/Input/Autocomplete/autocomplete-input.scss?vue&type=style&index=0&id=742bd282&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-autocomplete-wrapper[data-v-742bd282] {
  width: 100%;
  position: relative;
}
.oxd-autocomplete-wrapper[data-v-742bd282]:focus {
  outline: none;
}
.oxd-autocomplete-wrapper > *[data-v-742bd282]:focus {
  outline: none;
}
.oxd-autocomplete-text-input[data-v-742bd282] {
  padding: 0;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  position: relative;
  width: inherit;
  border-radius: 0.65rem;
  min-height: 45px;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-autocomplete-text-input--active[data-v-742bd282] {
  border: 1px solid #e8eaef;
}
.oxd-autocomplete-text-input--focus[data-v-742bd282] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-autocomplete-text-input--error[data-v-742bd282] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-autocomplete-text-input--disabled[data-v-742bd282], .oxd-autocomplete-text-input--readonly[data-v-742bd282] {
  background: #f0f0f6;
}
.oxd-autocomplete-text-input input[data-v-742bd282] {
  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;
  width: 100%;
  outline: 0;
  border: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: transparent;
}
.oxd-autocomplete-text-input--before[data-v-742bd282], .oxd-autocomplete-text-input--after[data-v-742bd282] {
  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;
  color: var(--oxd-interface-gray-color, #929baa);
  border: none;
  min-width: 0;
  flex-shrink: 0;
  margin: 0;
}
.oxd-autocomplete-text-input--before[data-v-742bd282]:empty, .oxd-autocomplete-text-input--after[data-v-742bd282]:empty {
  display: none;
}
.oxd-autocomplete-text-input--before[data-v-742bd282] {
  margin-left: auto;
  padding-right: 0;
}
.oxd-autocomplete-text-input--after[data-v-742bd282] {
  margin-right: auto;
  padding-left: 0;
}
.oxd-autocomplete-text-input--clear[data-v-742bd282] {
  color: inherit;
  font-size: inherit;
  vertical-align: middle;
  cursor: pointer;
}
.oxd-autocomplete-dropdown[data-v-742bd282] {
  position: absolute;
  width: inherit;
  box-sizing: border-box;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  z-index: 240;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 4px;
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border-radius: 0.65rem;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-autocomplete-dropdown.--positon-top[data-v-742bd282] {
  bottom: 100%;
  margin-bottom: 5px;
}
.oxd-autocomplete-dropdown.--positon-bottom[data-v-742bd282] {
  margin-top: 5px;
}
.oxd-autocomplete-option[data-v-742bd282] {
  border: 0;
  display: flex;
  align-items: center;
  text-align: inherit;
  cursor: pointer;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  padding: 4px;
  border-bottom: 1px solid #fbfbfc;
  background-color: transparent;
  min-height: 27px;
}
.oxd-autocomplete-option span[data-v-742bd282] {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oxd-autocomplete-option[data-v-742bd282]:last-child {
  border-bottom: unset;
}
.oxd-autocomplete-option[data-v-742bd282]:hover, .oxd-autocomplete-option.--focused[data-v-742bd282] {
  border-radius: 0.65rem;
  background-color: #f6f7f9;
}
.oxd-autocomplete-option.--disabled[data-v-742bd282] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-autocomplete-option.--disabled[data-v-742bd282]:hover, .oxd-autocomplete-option.--disabled.--focused[data-v-742bd282] {
  background-color: transparent;
}
.oxd-autocomplete-option.--selected[data-v-742bd282] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-autocomplete-option.--selected[data-v-742bd282]:hover, .oxd-autocomplete-option.--selected.--focused[data-v-742bd282] {
  background-color: transparent;
}
.oxd-autocomplete-option.--indent-1[data-v-742bd282] {
  padding-left: 0.5rem;
}
.oxd-autocomplete-option.--indent-2[data-v-742bd282] {
  padding-left: 1rem;
}
.oxd-autocomplete-option.--indent-3[data-v-742bd282] {
  padding-left: 1.5rem;
}
.oxd-autocomplete-option.--indent-4[data-v-742bd282] {
  padding-left: 2rem;
}
.oxd-autocomplete-option.--indent-5[data-v-742bd282] {
  padding-left: 2.5rem;
}
.oxd-autocomplete-option.--indent-6[data-v-742bd282] {
  padding-left: 3rem;
}
.oxd-autocomplete-option.--indent-7[data-v-742bd282] {
  padding-left: 3.5rem;
}
.oxd-autocomplete-option.--indent-8[data-v-742bd282] {
  padding-left: 4rem;
}
.oxd-autocomplete-option.--indent-9[data-v-742bd282] {
  padding-left: 4.5rem;
}
.oxd-autocomplete-option.--indent-10[data-v-742bd282] {
  padding-left: 5rem;
}
.oxd-autocomplete-option.--indent-11[data-v-742bd282] {
  padding-left: 5.5rem;
}
.oxd-autocomplete-option.--indent-12[data-v-742bd282] {
  padding-left: 6rem;
}
.oxd-autocomplete-option.--indent-13[data-v-742bd282] {
  padding-left: 6.5rem;
}
.oxd-autocomplete-option.--indent-14[data-v-742bd282] {
  padding-left: 7rem;
}
.oxd-autocomplete-option.--indent-15[data-v-742bd282] {
  padding-left: 7.5rem;
}
.oxd-autocomplete-option.--indent-16[data-v-742bd282] {
  padding-left: 8rem;
}
.oxd-autocomplete-option.--indent-17[data-v-742bd282] {
  padding-left: 8.5rem;
}
.oxd-autocomplete-option.--indent-18[data-v-742bd282] {
  padding-left: 9rem;
}
.oxd-autocomplete-option.--indent-19[data-v-742bd282] {
  padding-left: 9.5rem;
}
.oxd-autocomplete-option.--indent-20[data-v-742bd282] {
  padding-left: 10rem;
}
.oxd-autocomplete-chips-area[data-v-742bd282] {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  justify-content: flex-start;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected[data-v-742bd282] {
  display: flex;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  background-color: #f6f7f9;
  margin-right: 5px;
  margin-bottom: 5px;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--clear[data-v-742bd282] {
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  color: var(--oxd-white-color, #ffffff);
  margin-left: 5px;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--disabled[data-v-742bd282], .oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--readonly[data-v-742bd282] {
  cursor: 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]!./src/core/@oxd/components/Input/Autocomplete/autocomplete-input.scss?vue&type=style&index=0&id=6abf4e6c&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-autocomplete-wrapper[data-v-6abf4e6c] {
  width: 100%;
  position: relative;
}
.oxd-autocomplete-wrapper[data-v-6abf4e6c]:focus {
  outline: none;
}
.oxd-autocomplete-wrapper > *[data-v-6abf4e6c]:focus {
  outline: none;
}
.oxd-autocomplete-text-input[data-v-6abf4e6c] {
  padding: 0;
  display: flex;
  box-sizing: border-box;
  align-items: center;
  position: relative;
  width: inherit;
  border-radius: 0.65rem;
  min-height: 45px;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-autocomplete-text-input--active[data-v-6abf4e6c] {
  border: 1px solid #e8eaef;
}
.oxd-autocomplete-text-input--focus[data-v-6abf4e6c] {
  border: 1px solid #929baa;
  box-shadow: 1px 1px 6px rgba(35, 35, 36, 0.12);
  outline: 0;
}
.oxd-autocomplete-text-input--error[data-v-6abf4e6c] {
  border: 1px solid #eb0910;
  box-shadow: 0 0 5px 0.2rem rgba(223, 9, 16, 0.1);
}
.oxd-autocomplete-text-input--disabled[data-v-6abf4e6c], .oxd-autocomplete-text-input--readonly[data-v-6abf4e6c] {
  background: #f0f0f6;
}
.oxd-autocomplete-text-input input[data-v-6abf4e6c] {
  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;
  width: 100%;
  outline: 0;
  border: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  background: transparent;
}
.oxd-autocomplete-text-input--before[data-v-6abf4e6c], .oxd-autocomplete-text-input--after[data-v-6abf4e6c] {
  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;
  color: var(--oxd-interface-gray-color, #929baa);
  border: none;
  min-width: 0;
  flex-shrink: 0;
  margin: 0;
}
.oxd-autocomplete-text-input--before[data-v-6abf4e6c]:empty, .oxd-autocomplete-text-input--after[data-v-6abf4e6c]:empty {
  display: none;
}
.oxd-autocomplete-text-input--before[data-v-6abf4e6c] {
  margin-left: auto;
  padding-right: 0;
}
.oxd-autocomplete-text-input--after[data-v-6abf4e6c] {
  margin-right: auto;
  padding-left: 0;
}
.oxd-autocomplete-text-input--clear[data-v-6abf4e6c] {
  color: inherit;
  font-size: inherit;
  vertical-align: middle;
  cursor: pointer;
}
.oxd-autocomplete-dropdown[data-v-6abf4e6c] {
  position: absolute;
  width: inherit;
  box-sizing: border-box;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  z-index: 240;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 4px;
  box-shadow: 0px 5px 15px -8px rgba(0, 0, 0, 0.15);
  border-radius: 0.65rem;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-autocomplete-dropdown.--positon-top[data-v-6abf4e6c] {
  bottom: 100%;
  margin-bottom: 5px;
}
.oxd-autocomplete-dropdown.--positon-bottom[data-v-6abf4e6c] {
  margin-top: 5px;
}
.oxd-autocomplete-option[data-v-6abf4e6c] {
  border: 0;
  display: flex;
  align-items: center;
  text-align: inherit;
  cursor: pointer;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 400;
  padding: 4px;
  border-bottom: 1px solid #fbfbfc;
  background-color: transparent;
  min-height: 27px;
}
.oxd-autocomplete-option span[data-v-6abf4e6c] {
  word-break: break-word;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.oxd-autocomplete-option[data-v-6abf4e6c]:last-child {
  border-bottom: unset;
}
.oxd-autocomplete-option[data-v-6abf4e6c]:hover, .oxd-autocomplete-option.--focused[data-v-6abf4e6c] {
  border-radius: 0.65rem;
  background-color: #f6f7f9;
}
.oxd-autocomplete-option.--disabled[data-v-6abf4e6c] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-autocomplete-option.--disabled[data-v-6abf4e6c]:hover, .oxd-autocomplete-option.--disabled.--focused[data-v-6abf4e6c] {
  background-color: transparent;
}
.oxd-autocomplete-option.--selected[data-v-6abf4e6c] {
  border-radius: 0.65rem;
  color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  cursor: unset;
}
.oxd-autocomplete-option.--selected[data-v-6abf4e6c]:hover, .oxd-autocomplete-option.--selected.--focused[data-v-6abf4e6c] {
  background-color: transparent;
}
.oxd-autocomplete-option.--indent-1[data-v-6abf4e6c] {
  padding-left: 0.5rem;
}
.oxd-autocomplete-option.--indent-2[data-v-6abf4e6c] {
  padding-left: 1rem;
}
.oxd-autocomplete-option.--indent-3[data-v-6abf4e6c] {
  padding-left: 1.5rem;
}
.oxd-autocomplete-option.--indent-4[data-v-6abf4e6c] {
  padding-left: 2rem;
}
.oxd-autocomplete-option.--indent-5[data-v-6abf4e6c] {
  padding-left: 2.5rem;
}
.oxd-autocomplete-option.--indent-6[data-v-6abf4e6c] {
  padding-left: 3rem;
}
.oxd-autocomplete-option.--indent-7[data-v-6abf4e6c] {
  padding-left: 3.5rem;
}
.oxd-autocomplete-option.--indent-8[data-v-6abf4e6c] {
  padding-left: 4rem;
}
.oxd-autocomplete-option.--indent-9[data-v-6abf4e6c] {
  padding-left: 4.5rem;
}
.oxd-autocomplete-option.--indent-10[data-v-6abf4e6c] {
  padding-left: 5rem;
}
.oxd-autocomplete-option.--indent-11[data-v-6abf4e6c] {
  padding-left: 5.5rem;
}
.oxd-autocomplete-option.--indent-12[data-v-6abf4e6c] {
  padding-left: 6rem;
}
.oxd-autocomplete-option.--indent-13[data-v-6abf4e6c] {
  padding-left: 6.5rem;
}
.oxd-autocomplete-option.--indent-14[data-v-6abf4e6c] {
  padding-left: 7rem;
}
.oxd-autocomplete-option.--indent-15[data-v-6abf4e6c] {
  padding-left: 7.5rem;
}
.oxd-autocomplete-option.--indent-16[data-v-6abf4e6c] {
  padding-left: 8rem;
}
.oxd-autocomplete-option.--indent-17[data-v-6abf4e6c] {
  padding-left: 8.5rem;
}
.oxd-autocomplete-option.--indent-18[data-v-6abf4e6c] {
  padding-left: 9rem;
}
.oxd-autocomplete-option.--indent-19[data-v-6abf4e6c] {
  padding-left: 9.5rem;
}
.oxd-autocomplete-option.--indent-20[data-v-6abf4e6c] {
  padding-left: 10rem;
}
.oxd-autocomplete-chips-area[data-v-6abf4e6c] {
  display: flex;
  flex-wrap: wrap;
  padding: 0.5rem 0;
  justify-content: flex-start;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected[data-v-6abf4e6c] {
  display: flex;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  background-color: #f6f7f9;
  margin-right: 5px;
  margin-bottom: 5px;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--clear[data-v-6abf4e6c] {
  cursor: pointer;
  border-radius: 50%;
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  color: var(--oxd-white-color, #ffffff);
  margin-left: 5px;
}
.oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--disabled[data-v-6abf4e6c], .oxd-autocomplete-chips-area .oxd-autocomplete-chips-selected .--readonly[data-v-6abf4e6c] {
  cursor: 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]!./src/core/@oxd/components/InputField/input-field.scss?vue&type=style&index=0&lang=scss&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-input-field-error-message {
  color: var(--oxd-feedback-danger-color, #eb0910) !important;
}
.oxd-input-field-bottom-space {
  margin-bottom: 1rem;
}
.oxd-input-field-required:after {
  content: "*";
  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]!./src/core/@oxd/components/Topbar/navigation-link.scss?vue&type=style&index=0&lang=scss&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-topbar-body-nav-tab {
  background-color: #F6F5FB;
  color: var(--oxd-interface-gray-color, #929baa);
}
.oxd-topbar-body-nav-tab-item, .oxd-topbar-body-nav-tab-link {
  color: inherit;
  white-space: nowrap;
  text-decoration: inherit;
}
.oxd-topbar-body-nav-tab-item.--more, .oxd-topbar-body-nav-tab-link.--more {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.oxd-topbar-body-nav-tab-item.--more .oxd-icon, .oxd-topbar-body-nav-tab-link.--more .oxd-icon {
  color: inherit !important;
}
.oxd-topbar-body-nav-tab:hover, .oxd-topbar-body-nav-tab.--active, .oxd-topbar-body-nav-tab.--visited {
  color: #45A459;
  background-color: #ECF6EE;
}
.oxd-topbar-body-nav-tab:hover .oxd-icon, .oxd-topbar-body-nav-tab.--active .oxd-icon, .oxd-topbar-body-nav-tab.--visited .oxd-icon {
  color: #45A459;
}
.oxd-topbar-body-nav-tab .oxd-dropdown-menu {
  position: absolute;
  left: 0;
  right: 0;
  margin-top: 0.5rem;
  padding: 0.375rem;
}
.oxd-topbar-body-nav-tab .oxd-dropdown-menu li {
  color: var(--oxd-interface-gray-color, #929baa);
  padding: 0.5rem;
}
.oxd-topbar-body-nav-tab .oxd-dropdown-menu li:hover {
  background-color: #f6f7f9;
  border-radius: 0.65rem;
}
.oxd-topbar-body-nav-tab-accordian {
  list-style: none;
  padding: 0;
}
.oxd-topbar-body-nav-tab-accordian a {
  color: inherit;
  text-decoration: none;
  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]!./src/core/@oxd/components/Topbar/navigation.scss?vue&type=style&index=0&id=71cec849&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-topbar-body-nav ul[data-v-71cec849]:first-child {
  list-style: none;
  display: flex;
  padding: 0;
  margin: 0;
}
.oxd-topbar-body-nav-tab[data-v-71cec849] {
  height: 35px;
  display: flex;
  align-items: center;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  cursor: pointer;
  padding: 0 12px;
  margin-right: 15px;
  text-decoration: none;
  border-radius: 0.85rem;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
}
@media (min-width: 800px) {
.oxd-topbar-body-nav-tab[data-v-71cec849] {
    position: relative;
}
}
@media (min-width: 0px) {
.oxd-topbar-body-nav[data-v-71cec849] {
    position: relative;
}
}
.oxd-topbar-body-nav-slot[data-v-71cec849] {
  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]!./src/core/@oxd/components/Topbar/user-dropdown.scss?vue&type=style&index=0&id=7119aff1&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-userdropdown[data-v-7119aff1] {
  position: relative;
}
.oxd-userdropdown[data-v-7119aff1] .oxd-dropdown-menu {
  top: 60px;
}
.oxd-userdropdown-tab[data-v-7119aff1] {
  display: flex;
  align-items: center;
  border-radius: 100px;
  min-width: 35px;
  cursor: pointer;
  background-color: rgba(255, 255, 255, 0.15);
}
@media (min-width: 800px) {
.oxd-userdropdown-tab[data-v-7119aff1] {
    padding-right: 0.75rem;
}
}
.oxd-userdropdown-img[data-v-7119aff1] {
  height: 2.9rem;
  width: 2.8rem;
  border: 4px solid rgba(225, 225, 255, 0.37);
  border-radius: 50% !important;
}
.oxd-userdropdown-name[data-v-7119aff1] {
  margin: 0;
  display: none;
  color: var(--oxd-primary-font-color);
  font-size: 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 50px;
  white-space: nowrap;
  font-weight: 600;
  margin-left: 8px;
}
@media (min-width: 800px) {
.oxd-userdropdown-name[data-v-7119aff1] {
    display: block;
    max-width: unset;
}
}
.oxd-userdropdown-icon[data-v-7119aff1] {
  padding: 0 0.2rem;
  color: var(--oxd-primary-font-color);
  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]!./src/core/@oxd/components/Topbar/user-dropdown-global.scss?vue&type=style&index=1&lang=scss&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-userdropdown .oxd-dropdown-menu {
  right: 0;
  left: unset;
  top: 50px;
  min-width: 10rem;
}
.oxd-userdropdown-link {
  color: var(--oxd-interface-gray-color, #929baa);
  text-decoration: none;
  display: block;
  padding: 6px 16px;
  font-size: 12px;
}
.oxd-userdropdown-link i {
  margin-right: 1rem;
}
.oxd-userdropdown-link:hover {
  background-color: #f6f7f9;
}
.oxd-userdropdown-divider {
  border: 0;
  border-top: 1px solid rgba(143, 143, 143, 0.15);
  margin: 5px 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/@oxd/components/Topbar/topbar.scss?vue&type=style&index=0&id=9091035a&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-topbar[data-v-9091035a] {
  top: 0;
  width: 100%;
  bottom: auto;
  position: fixed;
  max-height: 100px;
  font-weight: 300;
  font-family: "Nunito Sans", sans-serif;
  z-index: 210;
}
.oxd-topbar-header[data-v-9091035a] {
  height: 50px;
  display: flex;
  flex-flow: row;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: var(--oxd-primary-gradient-start-color);
}
.oxd-topbar-header-title[data-v-9091035a] {
  display: flex;
  min-width: 0%;
  flex-basis: 70%;
  align-items: center;
}
.oxd-topbar-header-breadcrumb[data-v-9091035a] {
  font-size: 14px;
}
.oxd-topbar-header-breadcrumb-module[data-v-9091035a], .oxd-topbar-header-breadcrumb-level[data-v-9091035a] {
  font-size: inherit;
  font-weight: 400;
  color: var(--oxd-primary-font-color);
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.oxd-topbar-header-breadcrumb-level[data-v-9091035a] {
  font-size: 0.75rem;
}
@media (min-width: 800px) {
.oxd-topbar-header-breadcrumb-level[data-v-9091035a] {
    margin-left: 0.25rem;
    font-size: inherit;
}
.oxd-topbar-header-breadcrumb-level[data-v-9091035a]::before {
    content: "/ ";
}
}
@media (min-width: 800px) {
.oxd-topbar-header-breadcrumb[data-v-9091035a] {
    display: flex;
}
}
.oxd-topbar-header-hamburger[data-v-9091035a] {
  display: block;
  color: var(--oxd-primary-font-color);
  margin-right: 10px;
  font-size: 1.75rem;
  cursor: pointer;
}
@media (min-width: 800px) {
.oxd-topbar-header-hamburger[data-v-9091035a] {
    display: none;
}
}
.oxd-topbar-header-userarea[data-v-9091035a] {
  align-self: center;
  margin-left: auto;
}
.oxd-topbar-header-userarea ul[data-v-9091035a] {
  list-style: none;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.oxd-topbar-header-userarea-gap[data-v-9091035a] {
  width: 0;
  border-right: 1px solid #da630b;
  height: 2rem;
  margin: auto 1rem;
}
@media (min-width: 800px) {
.oxd-topbar-header[data-v-9091035a] {
    padding-left: calc(
  16rem + 48px
);
    padding-right: 48px;
}
.oxd-topbar-header.toggled[data-v-9091035a] {
    padding-left: calc(
  5.2rem + 48px
);
}
}
.oxd-topbar-body[data-v-9091035a] {
  box-sizing: border-box;
  min-height: 52px;
  background-color: var(--oxd-white-color, #ffffff);
  border-bottom: 1px solid #f1f2f3;
  padding: 8px 20px;
}
@media (min-width: 800px) {
.oxd-topbar-body[data-v-9091035a] {
    padding: 8px 48px;
    width: calc(100% - 16rem);
    margin-left: 16rem;
}
.oxd-topbar-body.toggled[data-v-9091035a] {
    width: calc(
  100% - 5.2rem
);
    margin-left: 5.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]!./src/core/@oxd/components/SidePanel/branding.scss?vue&type=style&index=0&id=86e578ae&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-brand[data-v-86e578ae] {
  display: flex;
  text-decoration: none;
  font-size: 1.2rem;
  font-weight: 600;
  padding: 1.5rem 1rem;
  z-index: 1;
  align-items: center;
}
.oxd-brand-logo[data-v-86e578ae] {
  display: none;
  border-style: none;
}
.oxd-brand-logo img[data-v-86e578ae] {
  height: 50px;
  width: 50px;
}
@media (min-width: 800px) {
.oxd-brand-logo[data-v-86e578ae] {
    display: block;
}
}
.oxd-brand-banner img[data-v-86e578ae] {
  height: 50px;
  width: 182px;
}
@media (min-width: 800px) {
.oxd-brand-banner.toggled[data-v-86e578ae] {
    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]!./src/core/@oxd/components/SidePanel/main-menu.scss?vue&type=style&index=0&id=90f6b8ce&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-main-menu[data-v-90f6b8ce] {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column;
  overflow: hidden auto;
  padding-right: 10px;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.oxd-main-menu[data-v-90f6b8ce]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.oxd-main-menu[data-v-90f6b8ce]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.oxd-main-menu[data-v-90f6b8ce]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.oxd-main-menu[data-v-90f6b8ce] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.oxd-main-menu-item[data-v-90f6b8ce] {
  display: flex;
  text-align: left;
  align-items: center;
  text-decoration: none;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  padding: 8px 16px 8px 24px;
}
.oxd-main-menu-item--icon[data-v-90f6b8ce], .oxd-main-menu-item--name[data-v-90f6b8ce] {
  color: inherit;
}
.oxd-main-menu-item--name[data-v-90f6b8ce] {
  padding-left: 15px;
  font-size: 0.85rem;
  font-weight: 600;
}
.oxd-main-menu-item[data-v-90f6b8ce]:hover {
  background-color: var(--oxd-primary-one-alpha-10-color);
  transition-timing-function: ease-out;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.oxd-main-menu-item.active[data-v-90f6b8ce] {
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-color);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background-image: linear-gradient(90deg, var(--oxd-primary-gradient-start-color) 0%, var(--oxd-primary-gradient-end-color) 90%);
}
@media (min-width: 800px) {
.oxd-main-menu-item.toggle[data-v-90f6b8ce] {
    justify-content: center;
}
.oxd-main-menu-item.toggle .oxd-main-menu-item--name[data-v-90f6b8ce] {
    display: none;
}
}
.oxd-main-menu hr[data-v-90f6b8ce] {
  border: 0;
}
.oxd-main-menu-divider[data-v-90f6b8ce] {
  border-top: 1px solid rgba(143, 143, 143, 0.15) !important;
  margin: 5px 1rem;
}
.oxd-main-menu-search[data-v-90f6b8ce] {
  width: 100%;
  display: block;
  text-align: left;
  overflow: visible;
  padding: 8px 16px 8px 24px;
}
.oxd-main-menu-search .oxd-input[data-v-90f6b8ce] {
  border-radius: unset;
  border: unset;
  min-height: unset;
  height: auto;
  width: auto;
  padding: unset;
  display: inline;
  font-size: 0.85rem;
  padding-left: 15px;
}
.oxd-main-menu-search .oxd-input--active[data-v-90f6b8ce] {
  border: unset;
}
.oxd-main-menu-search .oxd-input--focus[data-v-90f6b8ce] {
  border: unset;
  box-shadow: unset;
  outline: 0;
}
.oxd-main-menu-search .oxd-input--error[data-v-90f6b8ce] {
  border: unset;
  box-shadow: unset;
}
@media (min-width: 0px) {
.oxd-main-menu-search .toggled[data-v-90f6b8ce] {
    display: inline;
}
}
@media (min-width: 800px) {
.oxd-main-menu-search .toggled[data-v-90f6b8ce] {
    display: none;
}
}
.oxd-main-menu-button[data-v-90f6b8ce] {
  top: 110px;
  right: -12px;
  width: 25px;
  height: 25px;
  display: none;
  min-width: 25px;
  min-height: 25px;
  position: absolute;
  background-color: var(--oxd-primary-one-color) !important;
}
@media (min-width: 800px) {
.oxd-main-menu-button[data-v-90f6b8ce] {
    display: inline-flex;
}
}
.oxd-main-menu-button[data-v-90f6b8ce] .oxd-icon {
  font-size: 10px;
  color: var(--oxd-primary-font-color);
}
.oxd-main-menu.--fixed[data-v-90f6b8ce] {
  flex: 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]!./src/core/@oxd/components/SidePanel/main-menu.scss?vue&type=style&index=0&id=af874634&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-main-menu[data-v-af874634] {
  margin: 0;
  padding: 0;
  display: flex;
  flex-flow: column;
  overflow: hidden auto;
  padding-right: 10px;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.oxd-main-menu[data-v-af874634]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.oxd-main-menu[data-v-af874634]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.oxd-main-menu[data-v-af874634]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.oxd-main-menu[data-v-af874634] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.oxd-main-menu-item[data-v-af874634] {
  display: flex;
  text-align: left;
  align-items: center;
  text-decoration: none;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  padding: 8px 16px 8px 24px;
}
.oxd-main-menu-item--icon[data-v-af874634], .oxd-main-menu-item--name[data-v-af874634] {
  color: inherit;
}
.oxd-main-menu-item--name[data-v-af874634] {
  padding-left: 15px;
  font-size: 0.85rem;
  font-weight: 600;
}
.oxd-main-menu-item[data-v-af874634]:hover {
  background-color: var(--oxd-primary-one-alpha-10-color);
  transition-timing-function: ease-out;
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
}
.oxd-main-menu-item.active[data-v-af874634] {
  color: var(--oxd-primary-font-color);
  background-color: var(--oxd-primary-one-color);
  border-top-right-radius: 50px;
  border-bottom-right-radius: 50px;
  background-image: linear-gradient(90deg, var(--oxd-primary-gradient-start-color) 0%, var(--oxd-primary-gradient-end-color) 90%);
}
@media (min-width: 800px) {
.oxd-main-menu-item.toggle[data-v-af874634] {
    justify-content: center;
}
.oxd-main-menu-item.toggle .oxd-main-menu-item--name[data-v-af874634] {
    display: none;
}
}
.oxd-main-menu hr[data-v-af874634] {
  border: 0;
}
.oxd-main-menu-divider[data-v-af874634] {
  border-top: 1px solid rgba(143, 143, 143, 0.15) !important;
  margin: 5px 1rem;
}
.oxd-main-menu-search[data-v-af874634] {
  width: 100%;
  display: block;
  text-align: left;
  overflow: visible;
  padding: 8px 16px 8px 24px;
}
.oxd-main-menu-search .oxd-input[data-v-af874634] {
  border-radius: unset;
  border: unset;
  min-height: unset;
  height: auto;
  width: auto;
  padding: unset;
  display: inline;
  font-size: 0.85rem;
  padding-left: 15px;
}
.oxd-main-menu-search .oxd-input--active[data-v-af874634] {
  border: unset;
}
.oxd-main-menu-search .oxd-input--focus[data-v-af874634] {
  border: unset;
  box-shadow: unset;
  outline: 0;
}
.oxd-main-menu-search .oxd-input--error[data-v-af874634] {
  border: unset;
  box-shadow: unset;
}
@media (min-width: 0px) {
.oxd-main-menu-search .toggled[data-v-af874634] {
    display: inline;
}
}
@media (min-width: 800px) {
.oxd-main-menu-search .toggled[data-v-af874634] {
    display: none;
}
}
.oxd-main-menu-button[data-v-af874634] {
  top: 110px;
  right: -12px;
  width: 25px;
  height: 25px;
  display: none;
  min-width: 25px;
  min-height: 25px;
  position: absolute;
  background-color: var(--oxd-primary-one-color) !important;
}
@media (min-width: 800px) {
.oxd-main-menu-button[data-v-af874634] {
    display: inline-flex;
}
}
.oxd-main-menu-button[data-v-af874634] .oxd-icon {
  font-size: 10px;
  color: var(--oxd-primary-font-color);
}
.oxd-main-menu.--fixed[data-v-af874634] {
  flex: 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]!./src/core/@oxd/components/SidePanel/sidepanel.scss?vue&type=style&index=0&id=8bb3b3a2&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-navbar-nav[data-v-8bb3b3a2] {
  display: flex;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
  height: inherit;
  overflow: hidden;
}
.oxd-sidepanel[data-v-8bb3b3a2] {
  top: 0;
  height: 100%;
  position: fixed;
  background-color: var(--oxd-white-color, #ffffff);
  border-top-right-radius: 35px;
  box-shadow: 0px 25px 35px 0 rgba(0, 0, 0, 0.18);
  z-index: 230;
  transition: width 0.3s ease-in-out;
}
@media (min-width: 0px) {
.oxd-sidepanel[data-v-8bb3b3a2] {
    width: 0;
}
}
@media (min-width: 800px) {
.oxd-sidepanel[data-v-8bb3b3a2] {
    width: 16rem;
}
}
@media (min-width: 0px) {
.oxd-sidepanel.toggled[data-v-8bb3b3a2] {
    width: 16rem;
}
}
@media (min-width: 800px) {
.oxd-sidepanel.toggled[data-v-8bb3b3a2] {
    width: 5.2rem;
}
}
.oxd-sidepanel-header[data-v-8bb3b3a2] {
  flex: none;
}
.oxd-sidepanel-header-close[data-v-8bb3b3a2] {
  font-size: 1.5rem;
  right: 20px;
  top: 38px;
  position: absolute;
  cursor: pointer;
}
@media (min-width: 0px) {
.oxd-sidepanel-header-close[data-v-8bb3b3a2] {
    display: block;
}
}
@media (min-width: 800px) {
.oxd-sidepanel-header-close[data-v-8bb3b3a2] {
    display: none;
}
}
.oxd-sidepanel-body[data-v-8bb3b3a2] {
  flex: 1 1 auto;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding-bottom: 30px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Layout/layout.scss?vue&type=style&index=0&id=2c516e5a&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-layout[data-v-2c516e5a] {
  position: relative;
}
.oxd-layout-container[data-v-2c516e5a] {
  position: relative;
  overflow: hidden;
  width: calc(100% + 1px);
  margin-top: 100px;
}
@media (min-width: 800px) {
.oxd-layout-container[data-v-2c516e5a] {
    overflow: unset;
    width: calc(100% - 16rem);
    margin-left: 16rem;
}
.oxd-layout-container.--collapse[data-v-2c516e5a] {
    width: calc(
  100% - 5.2rem
);
    margin-left: 5.2rem;
}
}
.oxd-layout-context[data-v-2c516e5a] {
  min-height: 75vmin;
  padding-top: 2rem;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 800px) {
.oxd-layout-context[data-v-2c516e5a] {
    padding-left: 48px;
    padding-right: 48px;
}
}
.oxd-layout-footer[data-v-2c516e5a] {
  margin-top: 2rem;
  padding-left: 20px;
  padding-right: 20px;
}
@media (min-width: 800px) {
.oxd-layout-footer[data-v-2c516e5a] {
    padding-left: 48px;
    padding-right: 48px;
}
}
.oxd-layout-overlay[data-v-2c516e5a] {
  z-index: 220;
}
@media (min-width: 0px) {
.oxd-layout-overlay[data-v-2c516e5a] {
    display: flex;
}
}
@media (min-width: 800px) {
.oxd-layout-overlay[data-v-2c516e5a] {
    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]!./src/core/@oxd/components/Layout/layout-global.scss?vue&type=style&index=1&lang=scss&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
body {
  display: block;
  margin: 0;
}
html,
body {
  height: 100%;
  background-color: var(--oxd-background-pastel-white-color, #f6f5fb);
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
html::-webkit-scrollbar,
body::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
html,
  body {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
#app,
#root {
  height: inherit;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Pagination/page-item.scss?vue&type=style&index=0&id=1c29d73b&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-pagination-page-item[data-v-1c29d73b] {
  font-size: 12px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 600;
  background-color: var(--oxd-white-color, #ffffff);
  color: var(--oxd-interface-gray-color, #929baa);
  border-radius: 6px;
  cursor: pointer;
  height: 36px;
  width: 36px;
  margin: 0.3rem;
  border: 0.5px solid var(--oxd-interface-gray-color, #929baa);
}
.oxd-pagination-page-item[data-v-1c29d73b]:focus:not(:focus-visible) {
  outline: 0;
}
.oxd-pagination-page-item[data-v-1c29d73b]:focus-visible {
  outline: auto;
}
.oxd-pagination-page-item--previous-next[data-v-1c29d73b] {
  border: 6px var(--oxd-interface-gray-color, #929baa);
}
.oxd-pagination-page-item--previous-next[data-v-1c29d73b]:hover {
  background-color: #45A459;
}
.oxd-pagination-page-item--page-selected[data-v-1c29d73b] {
  background-color: #45A459;
  color: var(--oxd-white-color, #ffffff);
}
.oxd-pagination-page-item--page[data-v-1c29d73b]:hover {
  color: var(--oxd-white-color, #ffffff);
  background-color: #45A459;
}
.oxd-pagination-page-item .icons[data-v-1c29d73b] {
  color: #45A459;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Pagination/pagination.scss?vue&type=style&index=0&id=0b1fdc53&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-pagination__ul[data-v-0b1fdc53] {
  list-style-type: none;
  display: inline-flex;
  margin: 0;
  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]!./src/core/@oxd/components/Progressbar/progressbar.scss?vue&type=style&index=0&id=3e4b8c3e&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-progressbar[data-v-3e4b8c3e] {
  display: flex;
  align-items: center;
}
.oxd-progressbar-text[data-v-3e4b8c3e] {
  white-space: nowrap;
  margin-left: 1rem;
  font-size: 14px;
  font-weight: 800;
}
.oxd-progressbar-wrapper[data-v-3e4b8c3e] {
  width: 100%;
  overflow: hidden;
  height: 30px;
  border-radius: 30px;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.oxd-progressbar-ticker[data-v-3e4b8c3e] {
  height: 30px;
  border-radius: 30px;
  background-color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-progressbar-ticker--main[data-v-3e4b8c3e] {
  background-color: var(--oxd-primary-one-color);
}
.oxd-progressbar-ticker--secondary[data-v-3e4b8c3e] {
  background-color: var(--oxd-secondary-four-color);
}
.oxd-progressbar-ticker--success[data-v-3e4b8c3e] {
  background-color: var(--oxd-feedback-success-color, #34bc40);
}
.oxd-progressbar-ticker--warn[data-v-3e4b8c3e] {
  background-color: var(--oxd-feedback-warn-color, #ffa62f);
}
.oxd-progressbar-ticker--error[data-v-3e4b8c3e] {
  background-color: var(--oxd-feedback-danger-color, #eb0910);
}
.oxd-progressbar-ticker--info[data-v-3e4b8c3e] {
  background-color: var(--oxd-feedback-info-color, #1e6ceb);
}
.oxd-progressbar-ticker.--striped[data-v-3e4b8c3e] {
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-size: 50px 50px;
}
.oxd-progressbar-ticker.--animated[data-v-3e4b8c3e] {
  animation: move-3e4b8c3e 2s linear infinite;
}
@keyframes move-3e4b8c3e {
0% {
    background-position: 0 0;
}
100% {
    background-position: 50px 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]!./src/core/@oxd/components/ReportTable/report-table.scss?vue&type=style&index=0&lang=scss&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-report-table-header, .oxd-report-table-footer {
  display: flex;
  flex-wrap: nowrap;
  height: 55px;
  align-items: center;
  justify-content: space-between;
  background-color: var(--oxd-white-color, #ffffff);
  box-sizing: border-box;
}
.oxd-report-table-footer {
  border-top: 1px solid var(--oxd-interface-gray-darken-1-alpha-20-color, rgba(100, 114, 140, 0.2));
}
.oxd-report-table-header--toggable {
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.oxd-report-table-header--toggable .--toggable-icon {
  margin-right: 10px;
}
.oxd-report-table-header--pagination {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-right: 20px;
}
.oxd-report-table-loader {
  min-height: 400px;
  width: 100%;
  height: 100%;
  z-index: 200;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-report-table-loader .oxd-loading-spinner-container {
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-report-table revo-grid {
  background-color: var(--oxd-white-color, #ffffff);
  font-family: "Nunito Sans", sans-serif !important;
  height: calc(100% - 110px) !important;
  width: calc(100% + 1px);
}
.oxd-report-table revo-grid [data-rgcol] {
  color: var(--oxd-interface-gray-darken-1-color, #64728c) !important;
  font-size: 12px;
  font-weight: 600;
  border-left: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-report-table revo-grid .main-viewport {
  height: unset !important;
  overflow-y: auto;
}
.oxd-report-table revo-grid .rgRow {
  border-top: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-report-table revo-grid .col-alt {
  background-color: #f6f7fd !important;
}
.oxd-report-table revo-grid .colPinStart {
  border-right: 1px solid var(--oxd-interface-gray-darken-1-alpha-20-color, rgba(100, 114, 140, 0.2));
}
.oxd-report-table revo-grid .colPinEnd {
  border-left: 1px solid var(--oxd-interface-gray-darken-1-alpha-20-color, rgba(100, 114, 140, 0.2));
}
.oxd-report-table revo-grid .cell-action:hover {
  cursor: pointer;
  text-decoration: underline;
}
.oxd-report-table revo-grid .rgCell ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.oxd-report-table revo-grid .rgCell hr {
  left: 0;
  right: 0;
  margin: 0;
  border: none;
  position: absolute;
  border-bottom: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.oxd-report-table revo-grid revogr-header .group-rgRow,
.oxd-report-table revo-grid revogr-header .group {
  text-align: center;
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef) !important;
  border-bottom: 1px solid var(--oxd-interface-gray-darken-1-alpha-20-color, rgba(100, 114, 140, 0.2));
}
.oxd-report-table revo-grid revogr-header .header-rgRow {
  background-color: #f7f8f9;
  border-bottom: 1px solid var(--oxd-interface-gray-darken-1-alpha-20-color, rgba(100, 114, 140, 0.2));
  box-shadow: unset !important;
}
.oxd-report-table revo-grid revogr-header .group-rgRow .rgHeaderCell {
  border-left: 1px solid var(--oxd-interface-gray-darken-1-alpha-20-color, rgba(100, 114, 140, 0.2));
  border-right: 1px solid var(--oxd-interface-gray-darken-1-alpha-20-color, rgba(100, 114, 140, 0.2));
}
.oxd-report-table revo-grid revogr-header .rgHeaderCell {
  color: var(--oxd-interface-gray-darken-2-color, #38455d) !important;
  font-size: 14px;
  font-weight: 800;
  background-color: unset !important;
}
.oxd-report-table revo-grid revogr-header .rgHeaderCell .header-content {
  line-height: normal;
  align-self: center;
  word-break: break-word;
}
.oxd-report-table.--frame {
  overflow: hidden;
  border-radius: 1.2rem;
}
.oxd-report-table.--frame revo-grid {
  max-height: 400px !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]!./src/core/@oxd/components/Tab/tab-container.scss?vue&type=style&index=0&id=7674e0f2&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-tab[data-v-7674e0f2] {
  touch-action: pan-y !important;
}
.oxd-tab-bar[data-v-7674e0f2] {
  padding: 1rem 0;
}
.oxd-tab-segment[data-v-7674e0f2] {
  cursor: pointer;
  text-decoration: none;
  margin: 0 0.5rem;
  color: var(--oxd-interface-gray-darken-1-alpha-20-color, rgba(100, 114, 140, 0.2));
  font-size: 1rem;
  font-weight: 700;
  font-family: "Nunito Sans", sans-serif;
}
.oxd-tab-segment--active[data-v-7674e0f2] {
  color: #64728c;
}
.oxd-tab-segment--disabled[data-v-7674e0f2] {
  cursor: unset;
  color: var(--oxd-interface-gray-darken-1-alpha-10-color, rgba(100, 114, 140, 0.1));
}
.transition-slide-right-enter-active[data-v-7674e0f2],
.transition-slide-right-leave-active[data-v-7674e0f2] {
  transition: opacity 300ms ease-in-out, transform 300ms ease-in-out;
}
.transition-slide-right-leave-active[data-v-7674e0f2] {
  position: absolute;
}
.transition-slide-right-enter-from[data-v-7674e0f2] {
  opacity: 0;
  transform: translateX(-300px);
}
.transition-slide-right-leave-to[data-v-7674e0f2] {
  opacity: 0;
  transform: translateX(300px);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Table/table.scss?vue&type=style&index=0&id=8db0359e&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table[data-v-8db0359e] {
  border-collapse: collapse;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-family: "Nunito Sans", sans-serif;
  font-size: 0.75rem;
  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]!./src/core/@oxd/components/Table/table-row.scss?vue&type=style&index=0&id=2e1ba219&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
tbody > .oxd-table-row[data-v-2e1ba219]:hover {
  color: var(--oxd-interface-gray-darken-2-color, #38455d);
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
tbody > .oxd-table-row--clickable[data-v-2e1ba219]:hover {
  cursor: pointer;
}
tbody > .oxd-table-row--with-border[data-v-2e1ba219] {
  border-top: 1px solid var(--oxd-interface-gray-lighten-2-color, #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]!./src/core/@oxd/components/Table/table-body.scss?vue&type=style&index=0&id=0a4c251a&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-body[data-v-0a4c251a] {
  font-weight: 400;
}
.oxd-table-body--with-strip tr[data-v-0a4c251a]:nth-child(odd) {
  background-color: var(--oxd-background-white-shadow-color, #fafafc);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Table/table-header.scss?vue&type=style&index=0&id=6a1c7e9e&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-header[data-v-6a1c7e9e] {
  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/@oxd/components/Table/table-footer.scss?vue&type=style&index=0&id=48ea1aac&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-footer[data-v-48ea1aac] {
  font-weight: 400;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Table/classic-table.scss?vue&type=style&index=0&id=a33daa6e&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-padding-cell[data-v-a33daa6e] {
  padding: 0.65rem;
}
.oxd-table-th[data-v-a33daa6e] {
  text-align: left;
}
.oxd-table-tr[data-v-a33daa6e] {
  padding: 25px;
  background-color: var(--oxd-interface-gray-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]!./src/core/@oxd/components/TableFilter/table-filter.scss?vue&type=style&index=0&id=26ca63be&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-filter[data-v-26ca63be] {
  background-color: var(--oxd-white-color, #ffffff);
  border-radius: 1.2rem;
  padding-top: 25px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
}
.oxd-table-filter-title[data-v-26ca63be] {
  font-size: 14px;
  font-weight: 800;
}
.oxd-table-filter-header[data-v-26ca63be] {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
}
.oxd-table-filter-header-options[data-v-26ca63be] {
  display: flex;
}
.oxd-table-filter-header-options .--toggle[data-v-26ca63be],
.oxd-table-filter-header-options .--export[data-v-26ca63be] {
  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]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/core/@oxd/components/TableFilter/TableFilter.vue?vue&type=style&index=1&id=26ca63be&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-filter-header-options .oxd-icon-button {
  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 {
  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]!./src/core/@oxd/components/Toast/icon.scss?vue&type=style&index=0&id=1a7c512d&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-toast-icon[data-v-1a7c512d] {
  color: inherit;
  font-size: 1.5rem;
}
.oxd-toast-icon-container[data-v-1a7c512d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.oxd-toast-icon-wrap[data-v-1a7c512d] {
  background-color: var(--oxd-white-alpha-10-color, rgba(255, 255, 255, 0.1));
  padding: 1rem;
  border-radius: 100%;
  box-sizing: border-box;
  height: 3.2rem;
  width: 3.2rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.oxd-toast-icon-wrap--default[data-v-1a7c512d] {
  background-color: var(--oxd-interface-gray-darken-1-alpha-10-color, rgba(100, 114, 140, 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]!./src/core/@oxd/components/Toast/close-button.scss?vue&type=style&index=0&id=1035e6c6&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-toast-close[data-v-1035e6c6] {
  border: 0;
  outline: 0;
  padding: 0.2rem;
  height: 1rem;
  width: 1rem;
  border-radius: 1rem;
  cursor: pointer;
  background-color: var(--oxd-white-alpha-10-color, rgba(255, 255, 255, 0.1));
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.oxd-toast-close--default[data-v-1035e6c6] {
  background-color: var(--oxd-interface-gray-darken-1-alpha-10-color, rgba(100, 114, 140, 0.1));
}
.oxd-toast-close-container[data-v-1035e6c6] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  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]!./src/core/@oxd/components/Toast/toast.scss?vue&type=style&index=0&id=cb912bba&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-toast[data-v-cb912bba] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  color: var(--oxd-white-color, #ffffff);
  box-shadow: 0px 25px 35px 0 rgba(0, 0, 0, 0.18);
  padding: 0.6rem;
  border-radius: 3.2rem;
  opacity: 0.8;
  cursor: pointer;
}
.oxd-toast[data-v-cb912bba]:hover {
  opacity: 1;
}
.oxd-toast--default[data-v-cb912bba] {
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-toast--success[data-v-cb912bba] {
  background-color: var(--oxd-feedback-success-color, #34bc40);
}
.oxd-toast--warn[data-v-cb912bba] {
  background-color: var(--oxd-feedback-warn-color, #ffa62f);
}
.oxd-toast--error[data-v-cb912bba] {
  background-color: var(--oxd-feedback-danger-color, #eb0910);
}
.oxd-toast--info[data-v-cb912bba] {
  background-color: var(--oxd-feedback-info-color, #1e6ceb);
}
.oxd-toast--persistent[data-v-cb912bba] {
  opacity: 1;
  cursor: unset;
}
.oxd-toast-start[data-v-cb912bba] {
  display: flex;
  flex-direction: row;
}
.oxd-toast-content[data-v-cb912bba] {
  display: flex;
  flex-direction: column;
  padding-left: 0.8rem;
  padding-right: 0.8rem;
  color: var(--oxd-white-color, #ffffff);
}
.oxd-toast-content--default[data-v-cb912bba] {
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.oxd-toast-content-text[data-v-cb912bba] {
  color: inherit;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Toast/container.scss?vue&type=style&index=0&id=59b2517d&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-toast-container[data-v-59b2517d] {
  display: flex;
  flex-direction: column-reverse;
}
.oxd-toast-container--bottom[data-v-59b2517d] {
  flex-direction: column-reverse;
}
.oxd-toast-container--top[data-v-59b2517d] {
  flex-direction: column;
}
.oxd-toast-container--toast[data-v-59b2517d] {
  margin-bottom: 0.4rem;
}
.oxd-toast-fade-enter-active[data-v-59b2517d] {
  transition: opacity 0.5s ease-out;
}
.oxd-toast-fade-enter-from[data-v-59b2517d] {
  opacity: 0;
}
.oxd-toast-fade-leave-active[data-v-59b2517d] {
  transition: opacity 1s cubic-bezier(1, 0.5, 0.8, 1);
}
.oxd-toast-fade-leave-to[data-v-59b2517d] {
  opacity: 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]!./src/core/@oxd/components/Topbar/notification-dropdown.scss?vue&type=style&index=0&id=42961fde&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-notifdropdown[data-v-42961fde] {
  position: relative;
}
.oxd-notifdropdown .oxd-dropdown-menu[data-v-42961fde] {
  right: 0;
  top: auto;
}
.oxd-notifdropdown .--center[data-v-42961fde] {
  text-align: center;
}
.oxd-notifdropdown-head[data-v-42961fde] {
  font-weight: 600;
  font-size: 0.75rem;
  padding: 0.5rem 1rem;
  text-transform: uppercase;
  color: var(--oxd-interface-gray-darken-2-color, #38455d);
}
.oxd-notifdropdown-tab[data-v-42961fde] {
  display: block;
  box-shadow: 1px 6px 26px 7px rgba(214, 43, 4, 0.53);
  border-radius: 100px;
  cursor: pointer;
  height: 35px;
  width: 35px;
  text-align: center;
}
.oxd-notifdropdown-tab[data-v-42961fde]:hover {
  box-shadow: 1px 6px 26px 7px rgba(255, 255, 255, 0.53);
}
.oxd-notifdropdown-icon[data-v-42961fde] {
  color: var(--oxd-white-color, #ffffff);
  font-size: 1.25rem;
  position: relative;
  top: 8px;
}
.oxd-notifdropdown-count[data-v-42961fde] {
  position: absolute;
  transform: scale(0.6);
  transform-origin: top right;
  right: -8px;
  background-color: #ffd3c0;
  padding: 0.25rem 0.6rem;
  border-radius: 100%;
}
.oxd-notifdropdown-link[data-v-42961fde] {
  display: block;
  font-size: 12px;
  padding: 6px 16px;
  text-decoration: none;
}
.oxd-notifdropdown-link i[data-v-42961fde] {
  margin-right: 1rem;
}
.oxd-notifdropdown-link[data-v-42961fde]:hover {
  background-color: #f6f7f9;
}
.oxd-notifdropdown-divider[data-v-42961fde] {
  border: 0;
  border-top: 1px solid rgba(143, 143, 143, 0.15);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/Topbar/NotificationDropdown.vue?vue&type=style&index=1&id=42961fde&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-notifdropdown .oxd-dropdown-menu {
  right: 0;
  left: unset;
  top: 50px;
  min-width: 10rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/@oxd/components/TreeView/tree-view.scss?vue&type=style&index=0&id=23869a90&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-tree-view[data-v-23869a90] {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0 0 0 1rem;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-weight: 400;
  line-height: 1.5;
}
.oxd-tree-view > li[data-v-23869a90]:first-child::after {
  content: none;
}
.oxd-tree-view > li:first-child > ul[data-v-23869a90] {
  padding: 0;
}
.oxd-tree-node[data-v-23869a90] {
  position: relative;
}
.oxd-tree-node-wrapper[data-v-23869a90] {
  display: flex;
  align-items: center;
}
.oxd-tree-node-wrapper[data-v-23869a90]::before {
  content: "";
  position: absolute;
  left: calc(-1.25rem + (1.2rem/ 2));
  border-top: 0.15rem solid var(--oxd-primary-one-color);
  width: 1rem;
}
.oxd-tree-node-toggle[data-v-23869a90] {
  z-index: 100;
  position: absolute;
  left: -1.25rem;
}
.oxd-tree-node-toggle .oxd-icon-button[data-v-23869a90] {
  font-size: inherit;
  min-width: unset;
  min-height: unset;
  height: 1.2rem;
  width: 1.2rem;
  background-color: rgb(239, 239, 239);
}
.oxd-tree-node-content[data-v-23869a90] {
  padding: 0.25rem 0.5rem;
}
.oxd-tree-node-child[data-v-23869a90] {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1.5rem;
  position: relative;
}
.oxd-tree-node-liner[data-v-23869a90] {
  position: absolute;
  left: calc(-1.25rem + (1.2rem/ 2));
  border-left: 0.15rem solid var(--oxd-primary-one-color);
  width: 0px;
  top: 0;
}
.transition-fade-down-enter-active[data-v-23869a90],
.transition-fade-down-leave-active[data-v-23869a90] {
  transform-origin: top;
  transition: transform 500ms cubic-bezier(0.53, 2, 0.36, 0.85), opacity 500ms cubic-bezier(0.53, 2, 0.36, 0.85);
}
.transition-fade-down-enter-from[data-v-23869a90],
.transition-fade-down-leave-to[data-v-23869a90] {
  opacity: 0;
  transform: scaleY(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]!./src/core/@oxd/components/TreeView/tree-view.scss?vue&type=style&index=0&id=27dd1db3&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-tree-view[data-v-27dd1db3] {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0 0 0 1rem;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-weight: 400;
  line-height: 1.5;
}
.oxd-tree-view > li[data-v-27dd1db3]:first-child::after {
  content: none;
}
.oxd-tree-view > li:first-child > ul[data-v-27dd1db3] {
  padding: 0;
}
.oxd-tree-node[data-v-27dd1db3] {
  position: relative;
}
.oxd-tree-node-wrapper[data-v-27dd1db3] {
  display: flex;
  align-items: center;
}
.oxd-tree-node-wrapper[data-v-27dd1db3]::before {
  content: "";
  position: absolute;
  left: calc(-1.25rem + (1.2rem/ 2));
  border-top: 0.15rem solid var(--oxd-primary-one-color);
  width: 1rem;
}
.oxd-tree-node-toggle[data-v-27dd1db3] {
  z-index: 100;
  position: absolute;
  left: -1.25rem;
}
.oxd-tree-node-toggle .oxd-icon-button[data-v-27dd1db3] {
  font-size: inherit;
  min-width: unset;
  min-height: unset;
  height: 1.2rem;
  width: 1.2rem;
  background-color: rgb(239, 239, 239);
}
.oxd-tree-node-content[data-v-27dd1db3] {
  padding: 0.25rem 0.5rem;
}
.oxd-tree-node-child[data-v-27dd1db3] {
  list-style: none;
  margin: 0;
  padding: 0 0 0 1.5rem;
  position: relative;
}
.oxd-tree-node-liner[data-v-27dd1db3] {
  position: absolute;
  left: calc(-1.25rem + (1.2rem/ 2));
  border-left: 0.15rem solid var(--oxd-primary-one-color);
  width: 0px;
  top: 0;
}
.transition-fade-down-enter-active[data-v-27dd1db3],
.transition-fade-down-leave-active[data-v-27dd1db3] {
  transform-origin: top;
  transition: transform 500ms cubic-bezier(0.53, 2, 0.36, 0.85), opacity 500ms cubic-bezier(0.53, 2, 0.36, 0.85);
}
.transition-fade-down-enter-from[data-v-27dd1db3],
.transition-fade-down-leave-to[data-v-27dd1db3] {
  opacity: 0;
  transform: scaleY(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/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-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/orangeUI/components/emptyData/EmptyData.vue?vue&type=style&index=0&id=778376a1&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.orangeui-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 24px 0px !important;
  gap: 10px;
  width: 100%;
  height: 420px;
  background-color: #fcfdff !important;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 0;
}
.orangeui-container > .title-parent-style {
  width: 100%;
  height: 24px;
  font-family: 'Nunito Sans', sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 20px;
  line-height: 120%;
  text-align: center;
  letter-spacing: 0.005em;
  color: #64728c;
  flex: none;
  order: 0;
  align-self: stretch;
  flex-grow: 0;
}
.orangeui-container > .title-child-style {
  width: 100%;
  height: 17px;
  font-family: 'Nunito Sans', sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 120%;
  text-align: center;
  letter-spacing: 0.005em;
  color: #b0b0b0;
  flex: none;
  order: 1;
  align-self: stretch;
  flex-grow: 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]!./src/core/components/orangeUI/components/dialog/overlay.scss?vue&type=style&index=0&id=0109b892&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-overlay[data-v-0109b892] {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 100%;
  height: 100%;
  outline: 0;
  box-sizing: border-box;
  background-color: var(--oxd-black-alpha-50-color, rgba(0, 0, 0, 0.5));
}
.oxd-overlay--hide[data-v-0109b892] {
  display: none !important;
}
.oxd-overlay--flex[data-v-0109b892] {
  display: flex;
  flex-direction: column;
}
.oxd-overlay--flex-centered[data-v-0109b892] {
  justify-content: center;
  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]!./src/core/components/orangeUI/components/dialog/close-button.scss?vue&type=style&index=0&id=0d086a31&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-dialog-close-button[data-v-0d086a31] {
  cursor: pointer;
  padding: 0;
  border: 0;
  outline: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  letter-spacing: normal;
  width: 1.5625rem;
  height: 1.5625rem;
  color: var(--oxd-white-color, #ffffff);
  font-size: 1rem;
  font-weight: 600;
  border-radius: 2.5rem;
  background-color: #b8bdc7;
}
.oxd-dialog-close-button[data-v-0d086a31]:hover {
  background-color: var(--oxd-interface-gray-darken-1-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]!./src/core/components/orangeUI/components/dialog/Container/default.scss?vue&type=style&index=0&id=b9c3148c&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-dialog-container-default[data-v-b9c3148c] {
  overflow-x: hidden;
  overflow-y: auto;
  width: 348px;
  height: 100%;
  display: block;
}
.orangeui-dialog-container-default--inner[data-v-b9c3148c] {
  margin: 12rem auto;
  padding: 24px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-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]!./src/core/components/orangeUI/components/dialog/dialog.scss?vue&type=style&index=0&id=5b90a131&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-dialog-close-button-position[data-v-5b90a131] {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
}
.oxd-dialog-sheet[data-v-5b90a131] {
  z-index: 400;
  position: relative;
  box-sizing: border-box;
}
.oxd-dialog-sheet--shadow[data-v-5b90a131] {
  box-shadow: 0 25px 35px 0 var(--oxd-black-alpha-20-color, rgba(0, 0, 0, 0.2));
}
.oxd-dialog-sheet--gutters[data-v-5b90a131] {
  padding: 1.2rem;
}
.fade-enter-active[data-v-5b90a131],
.fade-leave-active[data-v-5b90a131] {
  transition: opacity 0.25s ease;
}
.fade-enter-from[data-v-5b90a131],
.fade-leave-to[data-v-5b90a131] {
  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]!./src/core/components/orangeUI/components/chip/chip.scss?vue&type=style&index=0&id=3265de71&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-chip[data-v-3265de71] {
  display: flex;
  width: 90px;
  padding: 5px 0px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
}
.orangeui-chip-label[data-v-3265de71] {
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 10px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.05px;
}
.orangeui-chip--default[data-v-3265de71] {
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-interface-gray-color, #929baa);
}
.orangeui-chip--transparent[data-v-3265de71] {
  border: 1px solid #e8eaef;
  background-color: transparent;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/MultipleSelectApi/MultipleSelectApi.vue?vue&type=style&index=0&id=61a9783b&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.pagination {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 20px 0;
}
.pagination button {
  font-size: 12px;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  background-color: var(--oxd-white-color, #ffffff);
  /* color: var(--oxd-interface-gray-color, #929baa); */
  color: #929baa;
  border-radius: 6px;
  cursor: pointer;
  height: 36px;
  width: 36px;
  margin: 0.3rem;
  border: 0.5px solid var(--oxd-interface-gray-color, #929baa);
}
.pagination button.active {
  font-size: 12px;
  font-family: 'Nunito Sans', sans-serif;
  font-weight: 600;
  /* background-color: var(--oxd-white-color, #ffffff);
    color: var(--oxd-interface-gray-color, #929baa); */
  color: #929baa;
  border-radius: 6px;
  cursor: pointer;
  height: 36px;
  width: 36px;
  margin: 0.3rem;
  border: 0.5px solid var(--oxd-interface-gray-color, #929baa);
  color: var(--oxd-white-color, #ffffff);
  background-color: #45a459;
}
.loading-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9999;
}
.loading-spinner {
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  border-top: 4px solid #363e91;
  width: 50px;
  height: 50px;
  animation: spin 1s linear infinite;
}
.loading-card {
  display: flex;
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
@keyframes spin {
0% {
    transform: rotate(0deg);
}
100% {
    transform: rotate(360deg);
}
}
p {
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  margin-top: 10px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/SingleSelectApi/org-structure.scss?vue&type=style&index=0&id=d8790eea&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.org-root-container[data-v-d8790eea] {
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 0.5em 1.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}
.org-root-container .oxd-text[data-v-d8790eea] {
  position: relative;
  display: flex;
  align-items: center;
}
.org-root-container .oxd-text.--parent[data-v-d8790eea]::after {
  content: "";
  border-left: 0.15rem solid var(--oxd-primary-one-color);
  height: 3.5rem;
  position: absolute;
  top: 45%;
  left: -0.12rem;
}
.org-root-container .oxd-text.--parent[data-v-d8790eea]::before {
  content: "";
  border-top: 0.15rem solid var(--oxd-primary-one-color);
  width: 1rem;
  margin-right: 0.5rem;
}
.org-container[data-v-d8790eea] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 14px;
}
.org-container .loader[data-v-d8790eea] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem 0;
}
.org-container .loader .oxd-loading-spinner-container[data-v-d8790eea] {
  background-color: var(--oxd-white-color, #ffffff);
}
.org-structure-card[data-v-d8790eea] {
  display: flex;
  min-height: 35px;
  padding: 0.35rem;
  border-radius: 0.75rem;
  align-items: center;
  justify-content: space-between;
  background-color: var(--oxd-white-color, #ffffff);
}
@media (min-width: 800px) {
.org-structure-card[data-v-d8790eea] {
    padding: 0.5rem 1rem;
}
}
.org-name[data-v-d8790eea] {
  position: relative;
  overflow: hidden;
  max-height: 4.5;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.org-name[data-v-d8790eea]: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-d8790eea] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.org-name[data-v-d8790eea]:after {
    display: none;
}
}
.org-structure-create[data-v-d8790eea] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.org-structure-change[data-v-d8790eea] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
  color: var(--soft-black, #64728c);
  background-color: #fbfbfe;
}
.org-structure-change[data-v-d8790eea]:hover:enabled {
  background-color: #fdfdfd;
  color: var(--soft-black, #64728c);
}
.org-structure-change[data-v-d8790eea]:focus:enabled {
  background-color: #fdfdfd;
  color: var(--soft-black, #64728c);
}
.org-structure-add[data-v-d8790eea] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.org-action[data-v-d8790eea] {
  display: flex;
  list-style: none;
  position: relative;
}
.org-action-icon[data-v-d8790eea] {
  margin-right: 0.5rem;
}
.org-action-icon[data-v-d8790eea]:last-child {
  margin-right: unset;
}
.org-action-description[data-v-d8790eea] {
  display: flex;
  cursor: pointer;
  font-size: 12px;
  padding: 0.2rem 1rem;
}
.org-action-description[data-v-d8790eea]:hover {
  background-color: #f6f7f9;
}
.org-action[data-v-d8790eea] .oxd-dropdown-menu {
  right: 0;
  top: 40px;
  left: unset;
}
.org-action-icon[data-v-d8790eea] {
  border-radius: 6px !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/SingleSelectApi/SingleSelectApi.vue?vue&type=style&index=1&id=d8790eea&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-tree-node-content {
  width: 100%;
}
.oxd-tree-node-toggle .oxd-icon-button {
  background-color: var(--oxd-white-color, #ffffff) !important;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/ScrollArea/ScrollArea.vue?vue&type=style&index=0&id=3235df46&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.scroll-area {
  overflow: 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/Tabs/Tabs.vue?vue&type=style&index=0&id=f42570c6&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-f42570c6] {
  padding: unset;
}
.qtasnim-tabs[data-v-f42570c6] {
  display: grid;
  gap: 16px;
  overflow-x: auto;
  padding-right: 25px;
  padding-left: 25px;
  cursor: pointer;
}
.qtasnim-tabs-wrapper[data-v-f42570c6] {
  background-color: #f6f5fb;
  color: var(--oxd-interface-gray-color, #929baa);
  margin: 2px;
  border-radius: 12px;
  width: 100%;
  text-align: center;
}
.qtasnim-tabs-wrapper[data-v-f42570c6]:hover {
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-10-color);
  border-radius: 12px;
}
.qtasnim-tabs-wrapper.--active[data-v-f42570c6] {
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-10-color);
  border-radius: 12px;
}
.qtasnim-tabs-wrapper.--active .qtasnim-tabs-items[data-v-f42570c6] {
  color: var(--oxd-primary-one-color);
}
.qtasnim-tabs-items[data-v-f42570c6] {
  height: 35px;
  line-height: 35px;
  padding: 0rem 1rem;
  border-radius: 12px;
  flex: 100%;
  text-decoration: none;
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  text-align: center;
}
.orangehrm-edit-employee[data-v-f42570c6] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-edit-employee[data-v-f42570c6] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee[data-v-f42570c6] {
    flex-direction: row;
}
}
.orangehrm-edit-employee-navigation[data-v-f42570c6] {
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-navigation[data-v-f42570c6] {
    width: 220px;
}
}
.orangehrm-edit-employee-content[data-v-f42570c6] {
  flex: 1;
}
.orangehrm-edit-employee-name[data-v-f42570c6] {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  word-break: break-word;
}
.orangehrm-edit-employee-name .--strong[data-v-f42570c6] {
  font-weight: 700;
  font-size: 1.2rem;
}
.orangehrm-edit-employee-image-wrapper[data-v-f42570c6] {
  padding-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-image-wrapper[data-v-f42570c6] {
    padding-top: 1.2rem;
}
}
.orangehrm-edit-employee-image[data-v-f42570c6] {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
  border: 0.5rem solid var(--oxd-background-pastel-white-color, #f6f5fb);
  box-shadow: 1px 1px 18px 11px hsla(238, 13%, 76%, 0.24);
}
.orangehrm-edit-employee-imagesection[data-v-f42570c6] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-edit-employee-imagesection[data-v-f42570c6] {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee-imagesection[data-v-f42570c6] {
    flex-direction: column;
    justify-content: center;
}
}
.orangehrm-edit-employee .active[data-v-f42570c6] {
  display: block;
  align-items: center;
  background: var(--oxd-primary-one-color, #ff7b1d);
  border-radius: 12px;
  color: var(--oxd-primary-font-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]!./src/core/components/FullCalender/FullCalender.vue?vue&type=style&index=0&id=ed81ff06&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.demo-app[data-v-ed81ff06] {
  padding: 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]!./src/core/components/QTable/QTable.vue?vue&type=style&index=0&id=e136d906&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.table-container[data-v-e136d906] {
  max-height: 550px; /* Adjust the max-height as needed */
  overflow-y: auto;
}
.table[data-v-e136d906] {
  width: 100%;
  border-collapse: collapse;
}
.table th[data-v-e136d906],
.table td[data-v-e136d906] {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: left;
}
.q-th[data-v-e136d906] {
  font-size: 12px;
}
.q-td[data-v-e136d906] {
  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]!./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&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* 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;
  margin-left: 10px;
  vertical-align: middle;
}
.orangehrm-file-name[data-v-d653c6ae] {
  display: block;
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.orangehrm-file-options[data-v-d653c6ae] {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-file-preview[data-v-d653c6ae] {
  padding: 0.5rem;
  cursor: pointer;
  min-height: 90px;
  min-width: 150px;
  text-align: center;
  border-radius: 0.5rem;
  margin-right: 1rem;
  justify-content: center;
  flex-direction: column;
  display: flex;
  align-items: center;
  border: 1px solid var(--oxd-interface-gray-lighten-1-color, #cfd3de);
  background-color: var(--oxd-background-pastel-white-color, #f6f5fb);
}
[data-v-d653c6ae] .--label-right {
  flex-shrink: 0;
  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/SubunitSearch/org-structure.scss?vue&type=style&index=0&id=57ffb1b7&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.org-root-container[data-v-57ffb1b7] {
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 0.5em 1.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}
.org-root-container .oxd-text[data-v-57ffb1b7] {
  position: relative;
  display: flex;
  align-items: center;
}
.org-root-container .oxd-text.--parent[data-v-57ffb1b7]::after {
  content: "";
  border-left: 0.15rem solid var(--oxd-primary-one-color);
  height: 3.5rem;
  position: absolute;
  top: 45%;
  left: -0.12rem;
}
.org-root-container .oxd-text.--parent[data-v-57ffb1b7]::before {
  content: "";
  border-top: 0.15rem solid var(--oxd-primary-one-color);
  width: 1rem;
  margin-right: 0.5rem;
}
.org-container[data-v-57ffb1b7] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 14px;
}
.org-container .loader[data-v-57ffb1b7] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem 0;
}
.org-container .loader .oxd-loading-spinner-container[data-v-57ffb1b7] {
  background-color: var(--oxd-white-color, #ffffff);
}
.org-structure-card[data-v-57ffb1b7] {
  display: flex;
  min-height: 35px;
  padding: 0.35rem;
  border-radius: 0.75rem;
  align-items: center;
  justify-content: space-between;
  background-color: var(--oxd-white-color, #ffffff);
}
@media (min-width: 800px) {
.org-structure-card[data-v-57ffb1b7] {
    padding: 0.5rem 1rem;
}
}
.org-name[data-v-57ffb1b7] {
  position: relative;
  overflow: hidden;
  max-height: 4.5;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.org-name[data-v-57ffb1b7]: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-57ffb1b7] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.org-name[data-v-57ffb1b7]:after {
    display: none;
}
}
.org-structure-create[data-v-57ffb1b7] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.org-structure-change[data-v-57ffb1b7] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
  color: var(--soft-black, #64728c);
  background-color: #fbfbfe;
}
.org-structure-change[data-v-57ffb1b7]:hover:enabled {
  background-color: #fdfdfd;
  color: var(--soft-black, #64728c);
}
.org-structure-change[data-v-57ffb1b7]:focus:enabled {
  background-color: #fdfdfd;
  color: var(--soft-black, #64728c);
}
.org-structure-add[data-v-57ffb1b7] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.org-action[data-v-57ffb1b7] {
  display: flex;
  list-style: none;
  position: relative;
}
.org-action-icon[data-v-57ffb1b7] {
  margin-right: 0.5rem;
}
.org-action-icon[data-v-57ffb1b7]:last-child {
  margin-right: unset;
}
.org-action-description[data-v-57ffb1b7] {
  display: flex;
  cursor: pointer;
  font-size: 12px;
  padding: 0.2rem 1rem;
}
.org-action-description[data-v-57ffb1b7]:hover {
  background-color: #f6f7f9;
}
.org-action[data-v-57ffb1b7] .oxd-dropdown-menu {
  right: 0;
  top: 40px;
  left: unset;
}
.org-action-icon[data-v-57ffb1b7] {
  border-radius: 6px !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/SubunitSearch/SubunitSearch.vue?vue&type=style&index=1&id=57ffb1b7&lang=scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-tree-node-content {
  width: 100%;
}
.oxd-tree-node-toggle .oxd-icon-button {
  background-color: var(--oxd-white-color, #ffffff) !important;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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: var(--oxd-white-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: var(--oxd-background-white-shadow-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]!./src/orangehrmAdminPlugin/pages/orgStructure/SaveOrgUnit.vue?vue&type=style&index=0&id=fb312ae2&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

.level-label[data-v-c22f8942] {
  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]!./src/orangehrmAdminPlugin/pages/emailSubscription/EditSubscriber.vue?vue&type=style&index=0&id=bf4325a8&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.level-label[data-v-bf4325a8] {
  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]!./src/orangehrmAdminPlugin/components/InlineColorInput.vue?vue&type=style&index=0&id=282a7d50&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-282a7d50] .oxd-input-group__label-wrapper {
  display: none;
}
[data-v-282a7d50] .orangehrm-color-input-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
[data-v-282a7d50] .oxd-color-input {
  padding: 2px;
  flex-shrink: 0;
}
.oxd-input-field-bottom-space[data-v-282a7d50] {
  margin-bottom: 1rem;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/pages/corporateBranding/corporate-branding.scss?vue&type=style&index=0&id=154db8bd&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-actions-group[data-v-154db8bd] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-actions-group[data-v-154db8bd] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-actions-group[data-v-154db8bd] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-actions-group[data-v-154db8bd] .oxd-button--medium {
    width: unset;
}
}
.orangehrm-sm-field[data-v-154db8bd] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.675rem 0rem;
}
.orangehrm-sm-field-label[data-v-154db8bd] {
  font-weight: 700;
  font-size: 12px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/pages/languagePackage/language-package.scss?vue&type=style&index=0&id=614bc4c4&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.addlanguage-note[data-v-614bc4c4] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.addlanguage-note-text[data-v-614bc4c4] {
  padding: 1.2rem;
}
.orangehrm-information-card-text[data-v-614bc4c4] {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}
[data-v-614bc4c4] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/pages/languagePackage/language-package.scss?vue&type=style&index=0&id=5e6f8f99&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.addlanguage-note[data-v-5e6f8f99] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 10px;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.addlanguage-note-text[data-v-5e6f8f99] {
  padding: 1.2rem;
}
.orangehrm-information-card-text[data-v-5e6f8f99] {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}
[data-v-5e6f8f99] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/components/edit-translation-table.scss?vue&type=style&index=0&id=6a1c51f7&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-translation-container[data-v-6a1c51f7] {
  padding-left: 25px;
  padding-right: 25px;
}
.orangehrm-translation-grid[data-v-6a1c51f7] {
  padding-top: 0.5rem;
}
@media (min-width: 600px) {
.orangehrm-translation-grid[data-v-6a1c51f7] {
    grid-template-columns: 1fr;
}
}
@media (min-width: 1000px) {
.orangehrm-translation-grid[data-v-6a1c51f7] {
    grid-template-columns: repeat(3, 1fr);
}
}
.orangehrm-translation-grid-header[data-v-6a1c51f7] {
  display: none;
  margin-bottom: 1rem;
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-header[data-v-6a1c51f7] {
    display: block;
}
}
@media (min-width: 1000px) {
.orangehrm-translation-grid-langstring-header[data-v-6a1c51f7] {
    display: none;
}
}
.orangehrm-translation-grid-langstring-header-note[data-v-6a1c51f7] {
  display: none;
}
.orangehrm-translation-grid-text[data-v-6a1c51f7] {
  font-size: 0.75rem;
}
.oxd-text--card-title[data-v-6a1c51f7] {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.oxd-text--card-title[data-v-6a1c51f7] {
    padding-bottom: 1rem;
}
}
@media (min-width: 1000px) {
.note[data-v-6a1c51f7] {
    display: none;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/pages/languageTranslation/languageTranslation.vue?vue&type=style&index=0&id=4b47b28f&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-4b47b28f] {
  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]!./src/orangehrmAdminPlugin/components/ldap-sync-connection.scss?vue&type=style&index=0&id=b7a3a5e0&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-ldap-sync[data-v-b7a3a5e0] {
  display: flex;
  flex-direction: column;
}
@media (min-width: 800px) {
.orangehrm-ldap-sync[data-v-b7a3a5e0] {
    flex-direction: row;
    align-items: center;
}
.orangehrm-ldap-sync-time[data-v-b7a3a5e0] {
    margin-left: 1rem;
}
}
.orangehrm-ldap-sync-button[data-v-b7a3a5e0] {
  white-space: normal !important;
}
.orangehrm-ldap-sync-loader[data-v-b7a3a5e0] {
  margin: 0 2rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/components/LdapTestConnectionModal.vue?vue&type=style&index=0&id=a109e854&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-ldap-test[data-v-a109e854] {
  margin-bottom: 0.75rem;
}
.orangehrm-ldap-test-title[data-v-a109e854] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.orangehrm-ldap-test-value.--success[data-v-a109e854] {
  color: var(--oxd-feedback-success-color, #34bc40);
}
.orangehrm-ldap-test-value.--error[data-v-a109e854] {
  color: var(--oxd-feedback-danger-color, #eb0910);
}
.orangehrm-ldap-test-row[data-v-a109e854] {
  width: 100%;
  display: flex;
  font-size: 14px;
  margin-bottom: 0.2rem;
}
.orangehrm-ldap-test-content[data-v-a109e854] {
  flex: 1;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/pages/ldap/ldap-configuration.scss?vue&type=style&index=0&id=4be44c8b&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-4be44c8b] {
  padding: 0;
}
.orangehrm-column-half[data-v-4be44c8b] {
  width: 50%;
}
.orangehrm-form-divider[data-v-4be44c8b] {
  margin: 1rem 0;
}
.orangehrm-subtitle[data-v-4be44c8b] {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 1rem;
}
.orangehrm-ldap-switch[data-v-4be44c8b] {
  display: flex;
  align-items: center;
  white-space: nowrap;
  justify-content: space-between;
  margin-bottom: 1rem;
}
.orangehrm-ldap-switch-text[data-v-4be44c8b] {
  font-size: 12px;
}
.orangehrm-ldap-grid[data-v-4be44c8b] {
  grid-template-columns: repeat(3, 1fr);
}
.orangehrm-ldap-grid-header[data-v-4be44c8b] {
  font-size: 12px;
  font-weight: 700;
  align-self: start;
  margin-bottom: 1rem;
}
.orangehrm-ldap-grid-content[data-v-4be44c8b] {
  font-size: 12px;
  position: relative;
}
.orangehrm-ldap-grid-icon[data-v-4be44c8b] {
  right: 0;
  font-size: 18px;
  position: absolute;
}
.orangehrm-ldap-grid[data-v-4be44c8b] .oxd-input-group__label-wrapper {
  display: none;
}
.orangehrm-ldap-grid[data-v-4be44c8b] .oxd-switch-wrapper {
  margin-top: 0.75rem;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/pages/jobTitleGroup/JobTitleGroup.vue?vue&type=style&index=0&id=6bd3caf6&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-6bd3caf6] {
  padding: 24px 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]!./src/orangehrmAdminPlugin/pages/organizationGroup/SaveOrganizationGroup.vue?vue&type=style&index=0&id=28ffecd8&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-28ffecd8] {
  max-width: 348px !important;
}
.level-label[data-v-28ffecd8] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-28ffecd8] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/organizationGroup/organization-group.scss?vue&type=style&index=1&id=28ffecd8&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dialog-modal[data-v-28ffecd8] {
  max-width: 348px !important;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/organizationGroup/EditOrganizationGroup.vue?vue&type=style&index=0&id=009ceb2a&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-009ceb2a] {
  max-width: 348px !important;
}
.level-label[data-v-009ceb2a] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-009ceb2a] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/organizationGroup/organization-group.scss?vue&type=style&index=1&id=009ceb2a&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dialog-modal[data-v-009ceb2a] {
  max-width: 348px !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/orangehrmAdminPlugin/pages/organizationGroup/OrganizationGroup.vue?vue&type=style&index=0&id=de38c256&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-de38c256] {
  padding: 24px 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]!./src/orangehrmAdminPlugin/pages/organizationGroup/organization-group.scss?vue&type=style&index=1&id=de38c256&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dialog-modal[data-v-de38c256] {
  max-width: 348px !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterShipType/SaveMasterShipType.vue?vue&type=style&index=0&id=1e76d3d0&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-1e76d3d0] {
  max-width: 348px !important;
}
.level-label[data-v-1e76d3d0] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-1e76d3d0] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterShipType/master-ship-type.scss?vue&type=style&index=1&id=1e76d3d0&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-1e76d3d0] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-1e76d3d0] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-1e76d3d0] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-1e76d3d0] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-1e76d3d0] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-1e76d3d0] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-1e76d3d0]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-1e76d3d0]:focus {
  background: var(--acsent, #72b521);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterShipType/EditMasterShipType.vue?vue&type=style&index=0&id=05031965&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-05031965] {
  max-width: 348px !important;
}
.level-label[data-v-05031965] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-05031965] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterShipType/master-ship-type.scss?vue&type=style&index=1&id=05031965&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-05031965] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-05031965] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-05031965] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-05031965] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-05031965] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-05031965] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-05031965]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-05031965]:focus {
  background: var(--acsent, #72b521);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/pages/masterShipType/MasterShipType.vue?vue&type=style&index=0&id=98f6498a&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-98f6498a] {
  padding: 24px 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]!./src/orangehrmAdminPlugin/pages/masterShipType/master-ship-type.scss?vue&type=style&index=1&id=98f6498a&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-98f6498a] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-98f6498a] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-98f6498a] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-98f6498a] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-98f6498a] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-98f6498a] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-98f6498a]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-98f6498a]:focus {
  background: var(--acsent, #72b521);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualificationSegment/SaveMasterQualificationSegment.vue?vue&type=style&index=0&id=2c52a658&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-2c52a658] {
  max-width: 348px !important;
}
.level-label[data-v-2c52a658] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-2c52a658] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualificationSegment/master-qualification-segment.scss?vue&type=style&index=1&id=2c52a658&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-2c52a658] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-2c52a658] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-2c52a658] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-2c52a658] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-2c52a658] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-2c52a658] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-2c52a658]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-2c52a658]:focus {
  background: var(--acsent, #72b521);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualificationSegment/EditMasterQualificationSegment.vue?vue&type=style&index=0&id=c564c3b6&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-c564c3b6] {
  max-width: 348px !important;
}
.level-label[data-v-c564c3b6] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-c564c3b6] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualificationSegment/master-qualification-segment.scss?vue&type=style&index=1&id=c564c3b6&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-c564c3b6] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-c564c3b6] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-c564c3b6] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-c564c3b6] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-c564c3b6] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-c564c3b6] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-c564c3b6]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-c564c3b6]:focus {
  background: var(--acsent, #72b521);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualificationSegment/SaveMasterQualificationSegmentDetail.vue?vue&type=style&index=0&id=43e23a49&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-43e23a49] {
  max-width: 348px !important;
}
.level-label[data-v-43e23a49] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-43e23a49] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualificationSegment/master-qualification-segment.scss?vue&type=style&index=1&id=43e23a49&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-43e23a49] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-43e23a49] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-43e23a49] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-43e23a49] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-43e23a49] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-43e23a49] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-43e23a49]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-43e23a49]:focus {
  background: var(--acsent, #72b521);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualificationSegment/details/EditMasterQualificationSegmentDetail.vue?vue&type=style&index=0&id=577286fa&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-577286fa] {
  max-width: 348px !important;
}
.level-label[data-v-577286fa] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-577286fa] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualificationSegment/details/master-qualification-segment-detail.scss?vue&type=style&index=1&id=577286fa&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-577286fa] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-577286fa] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-577286fa] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-577286fa] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-577286fa] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-577286fa] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-577286fa]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-577286fa]:focus {
  background: var(--acsent, #72b521);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualificationSegment/details/MasterQualificationSegmentDetail.vue?vue&type=style&index=0&id=a166274e&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-a166274e] {
  max-width: 348px !important;
}
.level-label[data-v-a166274e] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-a166274e] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualificationSegment/details/master-qualification-segment-detail.scss?vue&type=style&index=1&id=a166274e&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-a166274e] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-a166274e] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-a166274e] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-a166274e] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-a166274e] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-a166274e] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-a166274e]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-a166274e]:focus {
  background: var(--acsent, #72b521);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/pages/masterQualificationSegment/MasterQualificationSegment.vue?vue&type=style&index=0&id=6ad3e7fb&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-6ad3e7fb] {
  padding: 24px 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]!./src/orangehrmAdminPlugin/pages/masterQualificationSegment/master-qualification-segment.scss?vue&type=style&index=1&id=6ad3e7fb&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-6ad3e7fb] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-6ad3e7fb] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-6ad3e7fb] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-6ad3e7fb] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-6ad3e7fb] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-6ad3e7fb] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-6ad3e7fb]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-6ad3e7fb]:focus {
  background: var(--acsent, #72b521);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualificationSegment/details/SaveMasterQualificationSegmentDetail.vue?vue&type=style&index=0&id=07439276&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-07439276] {
  max-width: 348px !important;
}
.level-label[data-v-07439276] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-07439276] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualificationSegment/details/master-qualification-segment-detail.scss?vue&type=style&index=1&id=07439276&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-07439276] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-07439276] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-07439276] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-07439276] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-07439276] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-07439276] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-07439276]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-07439276]:focus {
  background: var(--acsent, #72b521);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualificationSurvey/SaveMasterQualificationSurvey.vue?vue&type=style&index=0&id=45ed074e&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-45ed074e] {
  max-width: 348px !important;
}
.level-label[data-v-45ed074e] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-45ed074e] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualificationSurvey/master-qualification-survey.scss?vue&type=style&index=1&id=45ed074e&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-45ed074e] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-45ed074e] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-45ed074e] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-45ed074e] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-45ed074e] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-45ed074e] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-45ed074e]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-45ed074e]:focus {
  background: var(--acsent, #72b521);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualificationSurvey/EditMasterQualificationSurvey.vue?vue&type=style&index=0&id=12053c3e&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-12053c3e] {
  max-width: 348px !important;
}
.level-label[data-v-12053c3e] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-12053c3e] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualificationSurvey/master-qualification-survey.scss?vue&type=style&index=1&id=12053c3e&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-12053c3e] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-12053c3e] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-12053c3e] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-12053c3e] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-12053c3e] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-12053c3e] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-12053c3e]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-12053c3e]:focus {
  background: var(--acsent, #72b521);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/pages/masterQualificationSurvey/MasterQualificationSurvey.vue?vue&type=style&index=0&id=560c1c6a&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-560c1c6a] {
  padding: 24px 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]!./src/orangehrmAdminPlugin/pages/masterQualificationSurvey/master-qualification-survey.scss?vue&type=style&index=1&id=560c1c6a&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-560c1c6a] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-560c1c6a] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-560c1c6a] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-560c1c6a] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-560c1c6a] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-560c1c6a] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-560c1c6a]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-560c1c6a]:focus {
  background: var(--acsent, #72b521);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualificationSurveyRole/SaveMasterQualificationSurveyRole.vue?vue&type=style&index=0&id=d69f970c&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-d69f970c] {
  max-width: 348px !important;
}
.level-label[data-v-d69f970c] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-d69f970c] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualificationSurveyRole/master-qualification-survey-role.scss?vue&type=style&index=1&id=d69f970c&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-d69f970c] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-d69f970c] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-d69f970c] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-d69f970c] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-d69f970c] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-d69f970c] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-d69f970c]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-d69f970c]:focus {
  background: var(--acsent, #72b521);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualificationSurveyRole/EditMasterQualificationSurveyRole.vue?vue&type=style&index=0&id=3a1b0d8d&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-3a1b0d8d] {
  max-width: 348px !important;
}
.level-label[data-v-3a1b0d8d] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-3a1b0d8d] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualificationSurveyRole/master-qualification-survey-role.scss?vue&type=style&index=1&id=3a1b0d8d&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-3a1b0d8d] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-3a1b0d8d] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-3a1b0d8d] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-3a1b0d8d] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-3a1b0d8d] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-3a1b0d8d] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-3a1b0d8d]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-3a1b0d8d]:focus {
  background: var(--acsent, #72b521);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/pages/masterQualificationSurveyRole/MasterQualificationSurveyRole.vue?vue&type=style&index=0&id=7a875912&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-7a875912] {
  padding: 24px 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]!./src/orangehrmAdminPlugin/pages/masterQualificationSurveyRole/master-qualification-survey-role.scss?vue&type=style&index=1&id=7a875912&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-7a875912] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-7a875912] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-7a875912] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-7a875912] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-7a875912] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-7a875912] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-7a875912]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-7a875912]:focus {
  background: var(--acsent, #72b521);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualificationUser/SaveMasterQualificationUser.vue?vue&type=style&index=0&id=5f2fe6f0&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-5f2fe6f0] {
  max-width: 348px !important;
}
.level-label[data-v-5f2fe6f0] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-5f2fe6f0] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualificationUser/master-qualification-user.scss?vue&type=style&index=1&id=5f2fe6f0&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-5f2fe6f0] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-5f2fe6f0] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-5f2fe6f0] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-5f2fe6f0] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-5f2fe6f0] {
  max-width: 348px !important;
}
.orangeui-container-form-filters[data-v-5f2fe6f0] {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
}
.orangeui-button-primary[data-v-5f2fe6f0] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-5f2fe6f0]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-5f2fe6f0]:focus {
  background: var(--acsent, #72b521);
}
.orangeui-button-reset[data-v-5f2fe6f0] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  color: var(--gray, #B0B0B0);
  background: var(--white, #FFF);
  border: 1px solid var(--gray-2, #E8EAEF);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-reset[data-v-5f2fe6f0]:hover {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.orangeui-button-reset[data-v-5f2fe6f0]:focus {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.ship-survey-container[data-v-5f2fe6f0] {
  display: flex;
  padding: 24px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  background: var(--gray-2, #E8EAEF);
}
.ship-survey-container > .card-ship-survey[data-v-5f2fe6f0] {
  display: flex;
  min-height: 45px;
  border-radius: 1.2rem;
  min-width: 100%;
  background-color: var(--oxd-white-color, #FFF);
}
.ship-title-form[data-v-5f2fe6f0] {
  display: flex;
  width: 15%;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
}
.ship-title-form > .title[data-v-5f2fe6f0] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form[data-v-5f2fe6f0] {
  display: flex;
  width: 100%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-radius: 0px 12px 12px 0px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form > .content[data-v-5f2fe6f0] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}

/* container */
.four-columns[data-v-5f2fe6f0] {
  display: flex;
}

/* columns */
.four-columns > *[data-v-5f2fe6f0] {
  width: 25%;
}
.ship-title-form-four-column[data-v-5f2fe6f0] {
  display: flex;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
  width: 12%;
}
.ship-title-form-four-column > .title[data-v-5f2fe6f0] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form-four-column[data-v-5f2fe6f0] {
  display: flex;
  width: 30%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form-four-column > .content[data-v-5f2fe6f0] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}
.border-right[data-v-5f2fe6f0] {
  border-right: 1px solid var(--gray-2, #e8eaef);
}
.qualifyingStatus[data-v-5f2fe6f0] {
  color: blue;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualificationUser/EditMasterQualificationUser.vue?vue&type=style&index=0&id=3fabca43&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-3fabca43] {
  max-width: 348px !important;
}
.level-label[data-v-3fabca43] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-3fabca43] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualificationUser/master-qualification-user.scss?vue&type=style&index=1&id=3fabca43&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-3fabca43] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-3fabca43] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-3fabca43] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-3fabca43] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-3fabca43] {
  max-width: 348px !important;
}
.orangeui-container-form-filters[data-v-3fabca43] {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
}
.orangeui-button-primary[data-v-3fabca43] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-3fabca43]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-3fabca43]:focus {
  background: var(--acsent, #72b521);
}
.orangeui-button-reset[data-v-3fabca43] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  color: var(--gray, #B0B0B0);
  background: var(--white, #FFF);
  border: 1px solid var(--gray-2, #E8EAEF);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-reset[data-v-3fabca43]:hover {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.orangeui-button-reset[data-v-3fabca43]:focus {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.ship-survey-container[data-v-3fabca43] {
  display: flex;
  padding: 24px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  background: var(--gray-2, #E8EAEF);
}
.ship-survey-container > .card-ship-survey[data-v-3fabca43] {
  display: flex;
  min-height: 45px;
  border-radius: 1.2rem;
  min-width: 100%;
  background-color: var(--oxd-white-color, #FFF);
}
.ship-title-form[data-v-3fabca43] {
  display: flex;
  width: 15%;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
}
.ship-title-form > .title[data-v-3fabca43] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form[data-v-3fabca43] {
  display: flex;
  width: 100%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-radius: 0px 12px 12px 0px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form > .content[data-v-3fabca43] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}

/* container */
.four-columns[data-v-3fabca43] {
  display: flex;
}

/* columns */
.four-columns > *[data-v-3fabca43] {
  width: 25%;
}
.ship-title-form-four-column[data-v-3fabca43] {
  display: flex;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
  width: 12%;
}
.ship-title-form-four-column > .title[data-v-3fabca43] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form-four-column[data-v-3fabca43] {
  display: flex;
  width: 30%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form-four-column > .content[data-v-3fabca43] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}
.border-right[data-v-3fabca43] {
  border-right: 1px solid var(--gray-2, #e8eaef);
}
.qualifyingStatus[data-v-3fabca43] {
  color: blue;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/pages/masterQualificationUser/employee.scss?vue&type=style&index=0&id=ae0165a6&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-ae0165a6] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-ae0165a6] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-ae0165a6] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-ae0165a6] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-ae0165a6] {
  flex: 1 1 75%;
}
.user-form-header[data-v-ae0165a6] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-ae0165a6] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-ae0165a6] .--status-grouped-field {
  display: flex;
}
[data-v-ae0165a6] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-ae0165a6] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-ae0165a6] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-ae0165a6] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-ae0165a6] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-ae0165a6] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-ae0165a6] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-ae0165a6] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-ae0165a6] .employee-image {
  height: 12rem;
}
[data-v-ae0165a6] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-ae0165a6] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/pages/masterQualificationUser/master-qualification-user.scss?vue&type=style&index=1&id=ae0165a6&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-ae0165a6] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-ae0165a6] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-ae0165a6] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-ae0165a6] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-ae0165a6] {
  max-width: 348px !important;
}
.orangeui-container-form-filters[data-v-ae0165a6] {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
}
.orangeui-button-primary[data-v-ae0165a6] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-ae0165a6]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-ae0165a6]:focus {
  background: var(--acsent, #72b521);
}
.orangeui-button-reset[data-v-ae0165a6] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  color: var(--gray, #B0B0B0);
  background: var(--white, #FFF);
  border: 1px solid var(--gray-2, #E8EAEF);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-reset[data-v-ae0165a6]:hover {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.orangeui-button-reset[data-v-ae0165a6]:focus {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.ship-survey-container[data-v-ae0165a6] {
  display: flex;
  padding: 24px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  background: var(--gray-2, #E8EAEF);
}
.ship-survey-container > .card-ship-survey[data-v-ae0165a6] {
  display: flex;
  min-height: 45px;
  border-radius: 1.2rem;
  min-width: 100%;
  background-color: var(--oxd-white-color, #FFF);
}
.ship-title-form[data-v-ae0165a6] {
  display: flex;
  width: 15%;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
}
.ship-title-form > .title[data-v-ae0165a6] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form[data-v-ae0165a6] {
  display: flex;
  width: 100%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-radius: 0px 12px 12px 0px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form > .content[data-v-ae0165a6] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}

/* container */
.four-columns[data-v-ae0165a6] {
  display: flex;
}

/* columns */
.four-columns > *[data-v-ae0165a6] {
  width: 25%;
}
.ship-title-form-four-column[data-v-ae0165a6] {
  display: flex;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
  width: 12%;
}
.ship-title-form-four-column > .title[data-v-ae0165a6] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form-four-column[data-v-ae0165a6] {
  display: flex;
  width: 30%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form-four-column > .content[data-v-ae0165a6] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}
.border-right[data-v-ae0165a6] {
  border-right: 1px solid var(--gray-2, #e8eaef);
}
.qualifyingStatus[data-v-ae0165a6] {
  color: blue;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualification/SaveMasterQualification.vue?vue&type=style&index=0&id=1d945a1a&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-1d945a1a] {
  max-width: 348px !important;
}
.level-label[data-v-1d945a1a] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-1d945a1a] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualification/master-qualification.scss?vue&type=style&index=1&id=1d945a1a&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-1d945a1a] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-1d945a1a] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-1d945a1a] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-1d945a1a] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-1d945a1a] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-1d945a1a] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-1d945a1a]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-1d945a1a]:focus {
  background: var(--acsent, #72b521);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualification/EditMasterQualification.vue?vue&type=style&index=0&id=0e54deed&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-0e54deed] {
  max-width: 348px !important;
}
.level-label[data-v-0e54deed] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-0e54deed] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualification/master-qualification.scss?vue&type=style&index=1&id=0e54deed&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-0e54deed] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-0e54deed] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-0e54deed] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-0e54deed] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-0e54deed] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-0e54deed] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-0e54deed]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-0e54deed]:focus {
  background: var(--acsent, #72b521);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualification/SaveMasterQualificationDetail.vue?vue&type=style&index=0&id=db6ad6ea&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-db6ad6ea] {
  max-width: 348px !important;
}
.level-label[data-v-db6ad6ea] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-db6ad6ea] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualification/master-qualification.scss?vue&type=style&index=1&id=db6ad6ea&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-db6ad6ea] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-db6ad6ea] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-db6ad6ea] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-db6ad6ea] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-db6ad6ea] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-db6ad6ea] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-db6ad6ea]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-db6ad6ea]:focus {
  background: var(--acsent, #72b521);
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualification/details/EditMasterQualificationDetail.vue?vue&type=style&index=0&id=9e70fede&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-9e70fede] {
  max-width: 348px !important;
}
.level-label[data-v-9e70fede] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-9e70fede] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualification/details/master-qualification-detail.scss?vue&type=style&index=1&id=9e70fede&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-9e70fede] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-9e70fede] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-9e70fede] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-9e70fede] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-9e70fede] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-9e70fede] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-9e70fede]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-9e70fede]:focus {
  background: var(--acsent, #72b521);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmAdminPlugin/pages/masterQualification/details/MasterQualificationDetail.vue?vue&type=style&index=0&id=615f94fb&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-615f94fb] {
  max-width: 348px !important;
}
.level-label[data-v-615f94fb] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-615f94fb] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmAdminPlugin/pages/masterQualification/details/master-qualification-detail.scss?vue&type=style&index=1&id=615f94fb&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-615f94fb] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-615f94fb] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-615f94fb] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-615f94fb] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-615f94fb] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-615f94fb] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-615f94fb]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-615f94fb]:focus {
  background: var(--acsent, #72b521);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAdminPlugin/pages/masterQualification/MasterQualification.vue?vue&type=style&index=0&id=23998d52&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-23998d52] {
  padding: 24px 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]!./src/orangehrmAdminPlugin/pages/masterQualification/master-qualification.scss?vue&type=style&index=1&id=23998d52&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-23998d52] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-23998d52] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-23998d52] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-23998d52] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-23998d52] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-23998d52] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-23998d52]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-23998d52]:focus {
  background: var(--acsent, #72b521);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/KelasJabatanAutocomplete.vue?vue&type=style&index=0&id=07dee57a&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

span[data-v-07dee57a] {
  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]!./src/orangehrmAdminPlugin/pages/qualificationModule/org-structure.scss?vue&type=style&index=0&id=2d8805b1&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.org-root-container[data-v-2d8805b1] {
  padding: 0.5em 1.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}
.org-root-container .oxd-text[data-v-2d8805b1] {
  position: relative;
  display: flex;
  align-items: center;
}
.org-root-container .oxd-text.--parent[data-v-2d8805b1]::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-2d8805b1]::before {
  content: "";
  border-top: 0.15rem solid var(--oxd-primary-one-color);
  width: 1rem;
  margin-right: 0.5rem;
}
.org-container[data-v-2d8805b1] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 0.5rem 1rem;
}
.org-container .loader[data-v-2d8805b1] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem 0;
}
.org-container .loader .oxd-loading-spinner-container[data-v-2d8805b1] {
  background-color: var(--oxd-white-color, #ffffff);
}
.org-structure-card[data-v-2d8805b1] {
  display: flex;
  min-height: 35px;
  padding: 0.35rem;
  border-radius: 0.75rem;
  align-items: center;
  justify-content: space-between;
  background-color: var(--oxd-white-color, #ffffff);
}
@media (min-width: 800px) {
.org-structure-card[data-v-2d8805b1] {
    padding: 0.5rem 1rem;
}
}
.org-name[data-v-2d8805b1] {
  position: relative;
  overflow: hidden;
  max-height: 4.5;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.org-name[data-v-2d8805b1]: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-2d8805b1] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.org-name[data-v-2d8805b1]:after {
    display: none;
}
}
.org-structure-add[data-v-2d8805b1] {
  min-width: unset;
  padding: 0.5rem 1rem;
}
.org-action[data-v-2d8805b1] {
  display: flex;
  list-style: none;
  position: relative;
}
.org-action-icon[data-v-2d8805b1] {
  margin-right: 0.5rem;
}
.org-action-icon[data-v-2d8805b1]:last-child {
  margin-right: unset;
}
.org-action-description[data-v-2d8805b1] {
  display: flex;
  cursor: pointer;
  font-size: 12px;
  padding: 0.2rem 1rem;
}
.org-action-description[data-v-2d8805b1]:hover {
  background-color: #f6f7f9;
}
.org-action[data-v-2d8805b1] .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]!./src/orangehrmAdminPlugin/pages/qualificationModule/QualificationModuleList.vue?vue&type=style&index=1&id=2d8805b1&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-tree-node-content {
  width: 100%;
}
.oxd-tree-node-toggle .oxd-icon-button {
  background-color: var(--oxd-white-color, #ffffff) !important;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmOrganizationManagementPlugin/pages/list/SaveOrgStructure.vue?vue&type=style&index=0&id=3ae4282a&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.level-label[data-v-3ae4282a] {
  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]!./src/qtasnimhrmOrganizationManagementPlugin/pages/list/EditOrganizationParent.vue?vue&type=style&index=0&id=379bbf86&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-379bbf86] {
  max-width: 348px !important;
}
.level-label[data-v-379bbf86] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-379bbf86] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/qtasnimhrmOrganizationManagementPlugin/pages/list/org-structure.scss?vue&type=style&index=1&id=379bbf86&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.org-root-container[data-v-379bbf86] {
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 0.5em 1.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}
.org-root-container .oxd-text[data-v-379bbf86] {
  position: relative;
  display: flex;
  align-items: center;
}
.org-root-container .oxd-text.--parent[data-v-379bbf86]::after {
  content: "";
  border-left: 0.15rem solid var(--oxd-primary-one-color);
  height: 3.5rem;
  position: absolute;
  top: 45%;
  left: -0.12rem;
}
.org-root-container .oxd-text.--parent[data-v-379bbf86]::before {
  content: "";
  top: 1.8rem;
  border-top: 0.15rem solid var(--oxd-primary-one-color);
  width: 1rem;
  margin-right: 0.5rem;
}
.org-container[data-v-379bbf86] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 14px;
}
.org-container .loader[data-v-379bbf86] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem 0;
}
.org-container .loader .oxd-loading-spinner-container[data-v-379bbf86] {
  background-color: var(--oxd-white-color, #ffffff);
}
.org-structure-card[data-v-379bbf86] {
  display: flex;
  min-height: 35px;
  padding: 0.35rem;
  border-radius: 0.75rem;
  align-items: center;
  justify-content: space-between;
  background-color: var(--oxd-white-color, #ffffff);
}
@media (min-width: 800px) {
.org-structure-card[data-v-379bbf86] {
    padding: 0.5rem 1rem;
}
}
.org-employee-card[data-v-379bbf86] {
  display: flex;
  margin: 10px;
  min-height: 20px;
  border-radius: 0.75rem;
  align-items: center;
  background-color: var(--oxd-white-color, #ffffff);
}
@media (min-width: 800px) {
.org-employee-card[data-v-379bbf86] {
    padding: 0.5rem 1rem;
}
}
.org-name[data-v-379bbf86] {
  position: relative;
  overflow: hidden;
  max-height: 4.5;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.org-name[data-v-379bbf86]: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-379bbf86] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.org-name[data-v-379bbf86]:after {
    display: none;
}
}
.org-structure-create[data-v-379bbf86] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.org-structure-change[data-v-379bbf86] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
  color: var(--soft-black, #64728c);
  background-color: #fbfbfe;
}
.org-structure-change[data-v-379bbf86]:hover:enabled {
  background-color: #fdfdfd;
  color: var(--soft-black, #64728c);
}
.org-structure-change[data-v-379bbf86]:focus:enabled {
  background-color: #fdfdfd;
  color: var(--soft-black, #64728c);
}
.org-structure-add[data-v-379bbf86] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.org-structure-export[data-v-379bbf86] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
  margin-left: 16px;
}
.org-action[data-v-379bbf86] {
  display: flex;
  list-style: none;
  position: relative;
}
.org-action-icon[data-v-379bbf86] {
  margin-right: 0.5rem;
}
.org-action-icon[data-v-379bbf86]:last-child {
  margin-right: unset;
}
.org-action-description[data-v-379bbf86] {
  display: flex;
  cursor: pointer;
  font-size: 12px;
  padding: 0.2rem 1rem;
}
.org-action-description[data-v-379bbf86]:hover {
  background-color: #f6f7f9;
}
.org-action[data-v-379bbf86] .oxd-dropdown-menu {
  right: 0;
  top: 40px;
  left: unset;
}
.org-action-icon[data-v-379bbf86] {
  border-radius: 6px !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/qtasnimhrmOrganizationManagementPlugin/pages/list/EditOrganizationParent.vue?vue&type=style&index=2&id=379bbf86&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-tree-node-content {
  width: 100%;
}
.oxd-tree-node-toggle .oxd-icon-button {
  background-color: var(--oxd-white-color, #ffffff) !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmOrganizationManagementPlugin/pages/list/SaveOrgDecree.vue?vue&type=style&index=0&id=5373b2f0&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.level-label[data-v-5373b2f0] {
  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]!./src/qtasnimhrmOrganizationManagementPlugin/pages/list/EditOrgDecree.vue?vue&type=style&index=0&id=84e7f1ca&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!******************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/qtasnimhrmOrganizationManagementPlugin/pages/list/orgchart.css ***!
  \******************************************************************************************************************************************************************************************************************/
.table {
  margin-bottom: 0.5rem;
  margin-left: auto;
  margin-right: auto;
  border-collapse: separate;
}
.chartNode {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  position: relative;
  margin: 0 1px 2px 1px;
  max-width: 20px;
  border: 1px solid var(--oxd-primary-one-color);
  text-align: center;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    -webkit-backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter;
  transition-property: color, background-color, border-color,
    text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter,
    backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 0.3s;
  border-radius: 0.35rem;
}
/* .chartNode:hover {
  box-shadow: 0 0 5px var(--oxd-primary-one-color);
  cursor: default;
  z-index: 20;
} */
.chartTitle {
  font-weight: 700;
  line-height: 1.25rem;
  background: var(--oxd-primary-one-color);
  color: #fff;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.chartContent,
.chartTitle {
  text-align: center;
  font-size: 0.75rem;
  overflow: hidden;
  white-space: nowrap;
}
.chartContent {
  box-sizing: border-box;
  width: 100%;
  line-height: 1rem;
  border: var(--oxd-primary-one-color);
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
  background: #fff;
  color: #000;
}
.chartContent,
.chartLines {
  height: 1.25rem;
}
.chartDownLine {
  background: var(--oxd-primary-one-color);
  margin-left: auto;
  margin-right: auto;
  height: 1.25rem;
  width: 0.125rem;
  float: none;
}
.chartTopLine {
  border-top-color: var(--oxd-primary-one-color);
  border-top-style: solid;
  border-top-width: 2px;
}
.chartRightLine {
  border-right-color: var(--oxd-primary-one-color);
  border-right-style: solid;
  border-right-width: 1px;
}
.chartLeftLine {
  border-left-color: var(--oxd-primary-one-color);
  border-left-style: solid;
  border-left-width: 1px;
}
p {
  margin-top: 0;
  margin-bottom: 0;
}
.chartOrgchartContainer {
  position: relative;
  display: inline-block;
  border: 2px dashed #d3d3d3;
  border-radius: 0.25rem;
  overflow: auto;
  text-align: center;
}
.chartOrgchart {
  box-sizing: border-box;
  display: inline-block;
  border: 1px dashed #fff;
  padding: 1.25rem;
}
.chartOrgchart table {
  border-spacing: 0;
}
.chartOrgchart td {
  text-align: center;
  vertical-align: top;
  padding: 0;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmOrganizationManagementPlugin/pages/list/PreviewExportOrg.vue?vue&type=style&index=0&id=c3b51ef2&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.level-label[data-v-c3b51ef2] {
  font-size: 0.75rem;
}
.org-name-wrapper[data-v-c3b51ef2] {
  text-wrap: wrap;
  background-color: var(--oxd-primary-one-color);
  color: var(--oxd-primary-font-color);
}
.org-name-wrapper[data-v-c3b51ef2]:hover {
  border: solid 1px 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]!./src/qtasnimhrmOrganizationManagementPlugin/pages/list/org-structure.scss?vue&type=style&index=0&id=66b2790c&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.org-root-container[data-v-66b2790c] {
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 0.5em 1.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}
.org-root-container .oxd-text[data-v-66b2790c] {
  position: relative;
  display: flex;
  align-items: center;
}
.org-root-container .oxd-text.--parent[data-v-66b2790c]::after {
  content: "";
  border-left: 0.15rem solid var(--oxd-primary-one-color);
  height: 3.5rem;
  position: absolute;
  top: 45%;
  left: -0.12rem;
}
.org-root-container .oxd-text.--parent[data-v-66b2790c]::before {
  content: "";
  top: 1.8rem;
  border-top: 0.15rem solid var(--oxd-primary-one-color);
  width: 1rem;
  margin-right: 0.5rem;
}
.org-container[data-v-66b2790c] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 14px;
}
.org-container .loader[data-v-66b2790c] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem 0;
}
.org-container .loader .oxd-loading-spinner-container[data-v-66b2790c] {
  background-color: var(--oxd-white-color, #ffffff);
}
.org-structure-card[data-v-66b2790c] {
  display: flex;
  min-height: 35px;
  padding: 0.35rem;
  border-radius: 0.75rem;
  align-items: center;
  justify-content: space-between;
  background-color: var(--oxd-white-color, #ffffff);
}
@media (min-width: 800px) {
.org-structure-card[data-v-66b2790c] {
    padding: 0.5rem 1rem;
}
}
.org-employee-card[data-v-66b2790c] {
  display: flex;
  margin: 10px;
  min-height: 20px;
  border-radius: 0.75rem;
  align-items: center;
  background-color: var(--oxd-white-color, #ffffff);
}
@media (min-width: 800px) {
.org-employee-card[data-v-66b2790c] {
    padding: 0.5rem 1rem;
}
}
.org-name[data-v-66b2790c] {
  position: relative;
  overflow: hidden;
  max-height: 4.5;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.org-name[data-v-66b2790c]: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-66b2790c] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.org-name[data-v-66b2790c]:after {
    display: none;
}
}
.org-structure-create[data-v-66b2790c] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.org-structure-change[data-v-66b2790c] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
  color: var(--soft-black, #64728c);
  background-color: #fbfbfe;
}
.org-structure-change[data-v-66b2790c]:hover:enabled {
  background-color: #fdfdfd;
  color: var(--soft-black, #64728c);
}
.org-structure-change[data-v-66b2790c]:focus:enabled {
  background-color: #fdfdfd;
  color: var(--soft-black, #64728c);
}
.org-structure-add[data-v-66b2790c] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.org-structure-export[data-v-66b2790c] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
  margin-left: 16px;
}
.org-action[data-v-66b2790c] {
  display: flex;
  list-style: none;
  position: relative;
}
.org-action-icon[data-v-66b2790c] {
  margin-right: 0.5rem;
}
.org-action-icon[data-v-66b2790c]:last-child {
  margin-right: unset;
}
.org-action-description[data-v-66b2790c] {
  display: flex;
  cursor: pointer;
  font-size: 12px;
  padding: 0.2rem 1rem;
}
.org-action-description[data-v-66b2790c]:hover {
  background-color: #f6f7f9;
}
.org-action[data-v-66b2790c] .oxd-dropdown-menu {
  right: 0;
  top: 40px;
  left: unset;
}
.org-action-icon[data-v-66b2790c] {
  border-radius: 6px !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/qtasnimhrmOrganizationManagementPlugin/pages/list/ListOrgStructure.vue?vue&type=style&index=1&id=66b2790c&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-tree-node-content {
  width: 100%;
}
.oxd-tree-node-toggle {
  top: 1.2rem;
}
.oxd-tree-node-toggle .oxd-icon-button {
  background-color: var(--oxd-white-color, #ffffff) !important;
}
.oxd-tree-node-wrapper::before {
  top: 1.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]!./src/orangehrmAdminPlugin/pages/expiredDateGpa/email-configuration.scss?vue&type=style&index=0&id=f8d0afc0&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-f8d0afc0] .--status-grouped-field {
  display: flex;
  max-width: 13rem;
}
.send-method-div[data-v-f8d0afc0] {
  display: flex;
  flex-direction: row;
}
@media (max-width: 800px) {
.send-method-div[data-v-f8d0afc0] {
    flex-direction: column;
}
}
.sendmail-path-value[data-v-f8d0afc0] {
  font-size: 12px;
  padding: 0.675rem 0.5rem;
}
.orangehrm-optional-field-row[data-v-f8d0afc0] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0;
}
.orangehrm-optional-field-label[data-v-f8d0afc0] {
  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-f8d0afc0] {
  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]!./src/orangehrmPimPlugin/components/ProfileImageInput.vue?vue&type=style&index=0&id=32691153&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.employee-image[data-v-32691153] {
  height: 8rem;
}
.orangehrm-input-hint[data-v-32691153] {
  margin: 0 auto;
  text-align: center;
}
[data-v-32691153] .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 var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.employee-image-wrapper[data-v-32691153] {
  height: 90%;
  width: 90%;
  display: flex;
  overflow: hidden;
  border-radius: 100%;
  justify-content: center;
  align-items: flex-start;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.employee-image-action[data-v-32691153] {
  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]!./src/orangehrmPimPlugin/components/FullNameInput.vue?vue&type=style&index=0&id=08de796a&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
@media (min-width: 800px) {
[data-v-08de796a] .--name-grouped-field {
    display: flex;
}
[data-v-08de796a] .orangehrm-firstname {
    border-bottom-right-radius: unset;
    border-top-right-radius: unset;
    text-overflow: ellipsis;
}
[data-v-08de796a] .orangehrm-lastname {
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
    text-overflow: ellipsis;
}
[data-v-08de796a] .orangehrm-middlename {
    border-radius: unset;
    text-overflow: ellipsis;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=2fd04746&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-2fd04746] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-2fd04746] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-2fd04746] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-2fd04746] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-2fd04746] {
  flex: 1 1 75%;
}
.user-form-header[data-v-2fd04746] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-2fd04746] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-2fd04746] .--status-grouped-field {
  display: flex;
}
[data-v-2fd04746] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-2fd04746] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-2fd04746] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-2fd04746] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-2fd04746] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-2fd04746] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-2fd04746] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-2fd04746] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-2fd04746] .employee-image {
  height: 12rem;
}
[data-v-2fd04746] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-2fd04746] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-2fd04746] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-2fd04746] {
  display: flex;
  flex-direction: column;
  justify-content: 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/JobTitleAutocomplete.vue?vue&type=style&index=0&id=903ad352&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

span[data-v-903ad352] {
  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]!./src/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=c545b180&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-c545b180] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-c545b180] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-c545b180] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-c545b180] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-c545b180] {
  flex: 1 1 75%;
}
.user-form-header[data-v-c545b180] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-c545b180] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-c545b180] .--status-grouped-field {
  display: flex;
}
[data-v-c545b180] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-c545b180] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-c545b180] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-c545b180] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-c545b180] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-c545b180] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-c545b180] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-c545b180] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-c545b180] .employee-image {
  height: 12rem;
}
[data-v-c545b180] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-c545b180] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-c545b180] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-c545b180] {
  display: flex;
  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]!./src/orangehrmPimPlugin/components/TabsNavigation.vue?vue&type=style&index=0&id=6013ffa7&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-tabs[data-v-6013ffa7] {
  display: flex;
  flex-wrap: nowrap;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-tabs-wrapper[data-v-6013ffa7] {
  display: flex;
}
.orangehrm-tabs-item[data-v-6013ffa7] {
  height: 35px;
  line-height: 35px;
  padding: 0rem 1rem;
  border-radius: 0.85rem;
  flex: 100%;
  color: var(--oxd-interface-gray-darken-1-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-6013ffa7] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap !important;
    margin-right: 0.25rem;
    background-color: var(--oxd-background-pastel-white-color, #f6f5fb);
    white-space: nowrap;
}
.orangehrm-tabs-item.--active[data-v-6013ffa7], .orangehrm-tabs-item[data-v-6013ffa7]:hover {
    background-color: var(--oxd-primary-one-color);
    color: var(--oxd-white-color, #ffffff);
}
}
@media (min-width: 800px) {
.orangehrm-tabs-item[data-v-6013ffa7] {
    margin-right: unset;
    margin-bottom: 0.25rem;
    background-color: unset;
    white-space: wrap;
}
.orangehrm-tabs-item.--active[data-v-6013ffa7], .orangehrm-tabs-item[data-v-6013ffa7]:hover {
    background: var(--oxd-primary-one-color);
    color: #ffffff;
}
}
@media (min-width: 0px) {
.orangehrm-tabs[data-v-6013ffa7] {
    flex-direction: row;
    overflow: scroll hidden;
    padding-bottom: 5px;
}
}
@media (min-width: 800px) {
.orangehrm-tabs[data-v-6013ffa7] {
    flex-direction: column;
    overflow: visible;
    padding-bottom: unset;
}
}
.orangehrm-tabs[data-v-6013ffa7]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-tabs[data-v-6013ffa7]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-tabs[data-v-6013ffa7]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-tabs[data-v-6013ffa7] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/NationalityAutocomplete.vue?vue&type=style&index=0&id=2be20480&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

span[data-v-2be20480] {
  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]!./src/orangehrmPimPlugin/components/employeeProfile/profile.scss?vue&type=style&index=0&id=2d50b99a&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-left-bar[data-v-2d50b99a] {
  cursor: pointer;
  max-width: 220px;
  padding: 1rem;
  box-sizing: border-box;
  border-right: 1px solid gray;
  display: block;
}
.orangehrm-employee-container[data-v-2d50b99a] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-2d50b99a] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-2d50b99a] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-2d50b99a] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-2d50b99a] {
  flex: 1 1 75%;
}
.user-form-header[data-v-2d50b99a] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-2d50b99a] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-2d50b99a] .--status-grouped-field {
  display: flex;
}
[data-v-2d50b99a] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-2d50b99a] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-2d50b99a] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-2d50b99a] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-2d50b99a] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-2d50b99a] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-2d50b99a] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-2d50b99a] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-2d50b99a] .employee-image {
  height: 12rem;
}
[data-v-2d50b99a] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-2d50b99a] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-2d50b99a] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-footer-wrap[data-v-2d50b99a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 25px;
}
.qtasnim-oxd-text[data-v-2d50b99a] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-pagination button[data-v-2d50b99a] {
  border: 1px solid red !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]!./src/orangehrmPimPlugin/components/employeeProfile/profile.scss?vue&type=style&index=0&id=e2ea2c06&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-left-bar[data-v-e2ea2c06] {
  cursor: pointer;
  max-width: 220px;
  padding: 1rem;
  box-sizing: border-box;
  border-right: 1px solid gray;
  display: block;
}
.orangehrm-employee-container[data-v-e2ea2c06] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-e2ea2c06] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-e2ea2c06] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-e2ea2c06] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-e2ea2c06] {
  flex: 1 1 75%;
}
.user-form-header[data-v-e2ea2c06] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-e2ea2c06] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-e2ea2c06] .--status-grouped-field {
  display: flex;
}
[data-v-e2ea2c06] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-e2ea2c06] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-e2ea2c06] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-e2ea2c06] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-e2ea2c06] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-e2ea2c06] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-e2ea2c06] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-e2ea2c06] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-e2ea2c06] .employee-image {
  height: 12rem;
}
[data-v-e2ea2c06] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-e2ea2c06] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-e2ea2c06] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-footer-wrap[data-v-e2ea2c06] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 25px;
}
.qtasnim-oxd-text[data-v-e2ea2c06] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-pagination button[data-v-e2ea2c06] {
  border: 1px solid red !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]!./src/orangehrmPimPlugin/components/employeeProfile/profile.scss?vue&type=style&index=0&id=6c9a0369&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-left-bar[data-v-6c9a0369] {
  cursor: pointer;
  max-width: 220px;
  padding: 1rem;
  box-sizing: border-box;
  border-right: 1px solid gray;
  display: block;
}
.orangehrm-employee-container[data-v-6c9a0369] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-6c9a0369] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-6c9a0369] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-6c9a0369] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-6c9a0369] {
  flex: 1 1 75%;
}
.user-form-header[data-v-6c9a0369] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-6c9a0369] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-6c9a0369] .--status-grouped-field {
  display: flex;
}
[data-v-6c9a0369] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-6c9a0369] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-6c9a0369] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-6c9a0369] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-6c9a0369] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-6c9a0369] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-6c9a0369] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-6c9a0369] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-6c9a0369] .employee-image {
  height: 12rem;
}
[data-v-6c9a0369] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-6c9a0369] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-6c9a0369] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-footer-wrap[data-v-6c9a0369] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 25px;
}
.qtasnim-oxd-text[data-v-6c9a0369] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-pagination button[data-v-6c9a0369] {
  border: 1px solid red !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmPimPlugin/components/SaveAttachment.vue?vue&type=style&index=0&id=666cd2f5&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.button-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.required-text {
  font-family: 'Nunito Sans', sans-serif;
  color: red;
  font-size: x-small;
  font-weight: 600;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmPimPlugin/components/employeeProfile/PersonalDocument.vue?vue&type=style&index=0&id=36a1f8b8&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.oxd-divider[data-v-36a1f8b8] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-attachment[data-v-36a1f8b8] {
  border-bottom-right-radius: 1.2rem;
  overflow: hidden;
}
.qtasnim-action-header[data-v-36a1f8b8] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/ProfileActionHeader.vue?vue&type=style&index=0&id=6f72b187&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-action-header[data-v-6f72b187] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
}
.orangehrm-action-header button[data-v-6f72b187] {
  margin-left: 1rem;
  white-space: nowrap;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmPimPlugin/components/ProfileAttachments.vue?vue&type=style&index=0&id=1ff04e88&scoped=true&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.oxd-divider[data-v-1ff04e88] {
  margin-top: 0;
  margin-bottom: 0;
}
.orangehrm-attachment[data-v-1ff04e88] {
  border-bottom-right-radius: 1.2rem;
  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]!./src/orangehrmPimPlugin/components/EditEmployeeLayout.vue?vue&type=style&index=0&id=20f71dd2&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-20f71dd2] {
  padding: unset;
}
.qtasnim-tabs[data-v-20f71dd2] {
  display: flex;
  flex-direction: row;
  padding-top: 25px;
  padding-right: 25px;
  padding-left: 25px;
  cursor: pointer;
}
.qtasnim-tabs-wrapper[data-v-20f71dd2] {
  background-color: #f6f5fb;
  color: var(--oxd-interface-gray-color, #929baa);
  margin: 2px;
  border-radius: 12px;
  width: 100%;
  text-align: center;
}
.qtasnim-tabs-wrapper[data-v-20f71dd2]:hover {
  display: block;
  align-items: center;
  gap: 10px;
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-10-color);
  border-radius: 12px;
}
.qtasnim-tabs-wrapper.--active[data-v-20f71dd2] {
  display: block;
  align-items: center;
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-10-color);
  border-radius: 12px;
}
.qtasnim-tabs-wrapper.--active .qtasnim-tabs-items[data-v-20f71dd2] {
  color: var(--oxd-primary-one-color);
}
.qtasnim-tabs-items[data-v-20f71dd2] {
  height: 35px;
  line-height: 35px;
  padding: 0rem 1rem;
  border-radius: 12px;
  flex: 100%;
  text-decoration: none;
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  text-align: center;
}
.orangehrm-edit-employee[data-v-20f71dd2] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-edit-employee[data-v-20f71dd2] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee[data-v-20f71dd2] {
    flex-direction: row;
}
}
.orangehrm-edit-employee-navigation[data-v-20f71dd2] {
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-navigation[data-v-20f71dd2] {
    width: 220px;
}
}
.orangehrm-edit-employee-content[data-v-20f71dd2] {
  flex: 1;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-content[data-v-20f71dd2] {
    border-left: 1px solid #e8eaef;
}
}
.orangehrm-edit-employee-name[data-v-20f71dd2] {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  word-break: break-word;
}
.orangehrm-edit-employee-name .--strong[data-v-20f71dd2] {
  font-weight: 700;
  font-size: 1.2rem;
}
.orangehrm-edit-employee-image-wrapper[data-v-20f71dd2] {
  padding-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-image-wrapper[data-v-20f71dd2] {
    padding-top: 1.2rem;
}
}
.orangehrm-edit-employee-image[data-v-20f71dd2] {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
  border: 0.5rem solid var(--oxd-background-pastel-white-color, #f6f5fb);
  box-shadow: 1px 1px 18px 11px hsla(238, 13%, 76%, 0.24);
}
.orangehrm-edit-employee-imagesection[data-v-20f71dd2] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-edit-employee-imagesection[data-v-20f71dd2] {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee-imagesection[data-v-20f71dd2] {
    flex-direction: column;
    justify-content: center;
}
}
.orangehrm-edit-employee .active[data-v-20f71dd2] {
  display: block;
  align-items: center;
  background: var(--oxd-primary-one-color, #ff7b1d);
  border-radius: 12px;
  color: var(--oxd-primary-font-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]!./src/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=2d6e3bb2&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-2d6e3bb2] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-2d6e3bb2] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-2d6e3bb2] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-2d6e3bb2] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-2d6e3bb2] {
  flex: 1 1 75%;
}
.user-form-header[data-v-2d6e3bb2] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-2d6e3bb2] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-2d6e3bb2] .--status-grouped-field {
  display: flex;
}
[data-v-2d6e3bb2] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-2d6e3bb2] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-2d6e3bb2] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-2d6e3bb2] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-2d6e3bb2] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-2d6e3bb2] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-2d6e3bb2] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-2d6e3bb2] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-2d6e3bb2] .employee-image {
  height: 12rem;
}
[data-v-2d6e3bb2] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-2d6e3bb2] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-2d6e3bb2] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-2d6e3bb2] {
  display: flex;
  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/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=1eceb9d4&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-1eceb9d4] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-1eceb9d4] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-1eceb9d4] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-1eceb9d4] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-1eceb9d4] {
  flex: 1 1 75%;
}
.user-form-header[data-v-1eceb9d4] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-1eceb9d4] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-1eceb9d4] .--status-grouped-field {
  display: flex;
}
[data-v-1eceb9d4] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-1eceb9d4] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-1eceb9d4] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-1eceb9d4] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-1eceb9d4] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-1eceb9d4] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-1eceb9d4] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-1eceb9d4] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-1eceb9d4] .employee-image {
  height: 12rem;
}
[data-v-1eceb9d4] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-1eceb9d4] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-1eceb9d4] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-1eceb9d4] {
  display: flex;
  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]!./src/orangehrmPimPlugin/components/profileHeader/TextProfileHeader.vue?vue&type=style&index=0&id=1153478b&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-action-header[data-v-1153478b] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
}
.orangehrm-action-header button[data-v-1153478b] {
  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]!./src/orangehrmPimPlugin/components/employeeProfesional/employeeProfesional.scss?vue&type=style&index=0&id=62850e51&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-62850e51] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-62850e51] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-62850e51] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-62850e51] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-62850e51] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-62850e51] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeProfesional/employeeProfesional.scss?vue&type=style&index=0&id=eac6e2ae&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-eac6e2ae] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-eac6e2ae] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-eac6e2ae] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-eac6e2ae] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-eac6e2ae] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-eac6e2ae] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeProfesional/employeeProfesional.scss?vue&type=style&index=0&id=10153424&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-10153424] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-10153424] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-10153424] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-10153424] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-10153424] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-10153424] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeProfesional/employeeProfesional.scss?vue&type=style&index=0&id=a60ceeec&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-a60ceeec] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-a60ceeec] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-a60ceeec] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-a60ceeec] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-a60ceeec] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-a60ceeec] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeProfesional/employeeProfesional.scss?vue&type=style&index=0&id=2053eb6e&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-2053eb6e] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-2053eb6e] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-2053eb6e] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-2053eb6e] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-2053eb6e] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-2053eb6e] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeProfesional/employeeProfesional.scss?vue&type=style&index=0&id=1504d5e0&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-1504d5e0] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-1504d5e0] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-1504d5e0] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-1504d5e0] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-1504d5e0] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-1504d5e0] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeProfesional/employeeProfesional.scss?vue&type=style&index=0&id=0870dd07&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-0870dd07] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-0870dd07] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-0870dd07] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-0870dd07] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-0870dd07] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-0870dd07] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeProfesional/employeeProfesional.scss?vue&type=style&index=0&id=0f5839dd&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-0f5839dd] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-0f5839dd] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-0f5839dd] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-0f5839dd] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-0f5839dd] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-0f5839dd] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeProfesional/employeeProfesional.scss?vue&type=style&index=0&id=7cadf530&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-7cadf530] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-7cadf530] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-7cadf530] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-7cadf530] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-7cadf530] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-7cadf530] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeProfesional/employeeProfesional.scss?vue&type=style&index=0&id=2e465b7d&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-2e465b7d] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-2e465b7d] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-2e465b7d] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-2e465b7d] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-2e465b7d] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-2e465b7d] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeProfesional/employeeProfesional.scss?vue&type=style&index=0&id=15965285&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-15965285] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-15965285] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-15965285] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-15965285] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-15965285] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-15965285] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeProfesional/employeeProfesional.scss?vue&type=style&index=0&id=73279641&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-73279641] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-73279641] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-73279641] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-73279641] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-73279641] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-73279641] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeProfesional/WorkProfile.vue?vue&type=style&index=0&id=41b35e3c&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-wrap[data-v-41b35e3c] {
  border-radius: 0.65rem;
  border: 1px solid #e8eaef;
  padding: 2%;
  margin-bottom: 2%;
}
.btn-submit[data-v-41b35e3c] {
  margin-right: 10px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=ad0023c6&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-ad0023c6] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-ad0023c6] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-ad0023c6] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-ad0023c6] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-ad0023c6] {
  flex: 1 1 75%;
}
.user-form-header[data-v-ad0023c6] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-ad0023c6] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-ad0023c6] .--status-grouped-field {
  display: flex;
}
[data-v-ad0023c6] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-ad0023c6] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-ad0023c6] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-ad0023c6] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-ad0023c6] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-ad0023c6] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-ad0023c6] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-ad0023c6] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-ad0023c6] .employee-image {
  height: 12rem;
}
[data-v-ad0023c6] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-ad0023c6] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-ad0023c6] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-ad0023c6] {
  display: flex;
  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/orangehrmPimPlugin/components/employeeEducationTraining/employeeEducationTraining.scss?vue&type=style&index=0&id=33088f99&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-33088f99] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-33088f99] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-33088f99] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-33088f99] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-33088f99] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-33088f99] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeEducationTraining/employeeEducationTraining.scss?vue&type=style&index=0&id=577060cc&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-577060cc] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-577060cc] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-577060cc] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-577060cc] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-577060cc] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-577060cc] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeEducationTraining/employeeEducationTraining.scss?vue&type=style&index=0&id=916d075e&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-916d075e] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-916d075e] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-916d075e] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-916d075e] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-916d075e] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-916d075e] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeEducationTraining/employeeEducationTraining.scss?vue&type=style&index=0&id=6226226a&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-6226226a] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-6226226a] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-6226226a] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-6226226a] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-6226226a] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-6226226a] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/employeeEducationTraining/employeeEducationTraining.scss?vue&type=style&index=0&id=204e16ac&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-action-header[data-v-204e16ac] {
  display: flex;
  flex-direction: row;
  justify-content: end;
}
.orangehrm-container[data-v-204e16ac] {
  border-radius: 10px !important;
}
.qtasnim-wrap-pagination[data-v-204e16ac] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-wrap-pagination-text[data-v-204e16ac] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-header-text[data-v-204e16ac] {
  margin: 2%;
}
.qtasnim-wrap-penempatan[data-v-204e16ac] {
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 0.65rem;
  padding: 2%;
  margin-bottom: 2%;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=2d00fe72&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-2d00fe72] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-2d00fe72] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-2d00fe72] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-2d00fe72] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-2d00fe72] {
  flex: 1 1 75%;
}
.user-form-header[data-v-2d00fe72] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-2d00fe72] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-2d00fe72] .--status-grouped-field {
  display: flex;
}
[data-v-2d00fe72] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-2d00fe72] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-2d00fe72] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-2d00fe72] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-2d00fe72] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-2d00fe72] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-2d00fe72] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-2d00fe72] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-2d00fe72] .employee-image {
  height: 12rem;
}
[data-v-2d00fe72] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-2d00fe72] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-2d00fe72] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-2d00fe72] {
  display: flex;
  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/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=2ac283d8&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-2ac283d8] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-2ac283d8] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-2ac283d8] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-2ac283d8] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-2ac283d8] {
  flex: 1 1 75%;
}
.user-form-header[data-v-2ac283d8] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-2ac283d8] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-2ac283d8] .--status-grouped-field {
  display: flex;
}
[data-v-2ac283d8] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-2ac283d8] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-2ac283d8] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-2ac283d8] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-2ac283d8] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-2ac283d8] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-2ac283d8] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-2ac283d8] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-2ac283d8] .employee-image {
  height: 12rem;
}
[data-v-2ac283d8] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-2ac283d8] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-2ac283d8] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-2ac283d8] {
  display: flex;
  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/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=b0ba1416&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-b0ba1416] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-b0ba1416] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-b0ba1416] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-b0ba1416] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-b0ba1416] {
  flex: 1 1 75%;
}
.user-form-header[data-v-b0ba1416] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-b0ba1416] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-b0ba1416] .--status-grouped-field {
  display: flex;
}
[data-v-b0ba1416] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-b0ba1416] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-b0ba1416] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-b0ba1416] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-b0ba1416] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-b0ba1416] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-b0ba1416] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-b0ba1416] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-b0ba1416] .employee-image {
  height: 12rem;
}
[data-v-b0ba1416] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-b0ba1416] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-b0ba1416] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-b0ba1416] {
  display: flex;
  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]!./src/orangehrmPimPlugin/components/SaveSalaryComponent.vue?vue&type=style&index=0&id=49767af1&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.directdeposit-form-header[data-v-49767af1] {
  display: flex;
  padding: 1rem;
}
.directdeposit-form-header-text[data-v-49767af1] {
  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]!./src/orangehrmPimPlugin/components/EditSalaryComponent.vue?vue&type=style&index=0&id=85ef3d78&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.directdeposit-form-header[data-v-85ef3d78] {
  display: flex;
  padding: 1rem;
}
.directdeposit-form-header-text[data-v-85ef3d78] {
  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]!./src/orangehrmPimPlugin/components/JobSpecDownload.vue?vue&type=style&index=0&id=1ddf221b&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.input-container[data-v-1ddf221b] {
  position: relative;
  display: flex;
  align-items: center;
  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;
  width: 100%;
  border: 1px solid #e8eaef;
  min-height: 45px;
  cursor: pointer;
  text-decoration: underline;
}
.input-container-filename[data-v-1ddf221b] {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 75%;
  white-space: nowrap;
}
.input-container-loader[data-v-1ddf221b] {
  position: absolute;
  right: 10px;
}
.input-container-icon[data-v-1ddf221b] {
  font-size: inherit !important;
  min-width: unset;
  min-height: unset;
  border-radius: 0.65rem;
  padding: 0.3rem;
  margin-left: auto;
}
.input-container.--disabled[data-v-1ddf221b] {
  cursor: not-allowed;
  text-decoration: none;
}
.input-container[data-v-1ddf221b] .oxd-loading-spinner {
  width: 1rem;
  height: 1rem;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=57742a0d&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-57742a0d] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-57742a0d] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-57742a0d] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-57742a0d] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-57742a0d] {
  flex: 1 1 75%;
}
.user-form-header[data-v-57742a0d] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-57742a0d] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-57742a0d] .--status-grouped-field {
  display: flex;
}
[data-v-57742a0d] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-57742a0d] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-57742a0d] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-57742a0d] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-57742a0d] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-57742a0d] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-57742a0d] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-57742a0d] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-57742a0d] .employee-image {
  height: 12rem;
}
[data-v-57742a0d] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-57742a0d] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-57742a0d] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-57742a0d] {
  display: flex;
  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/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=245ff20c&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-245ff20c] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-245ff20c] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-245ff20c] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-245ff20c] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-245ff20c] {
  flex: 1 1 75%;
}
.user-form-header[data-v-245ff20c] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-245ff20c] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-245ff20c] .--status-grouped-field {
  display: flex;
}
[data-v-245ff20c] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-245ff20c] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-245ff20c] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-245ff20c] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-245ff20c] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-245ff20c] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-245ff20c] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-245ff20c] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-245ff20c] .employee-image {
  height: 12rem;
}
[data-v-245ff20c] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-245ff20c] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-245ff20c] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-245ff20c] {
  display: flex;
  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/orangehrmPimPlugin/pages/employee/employee.scss?vue&type=style&index=0&id=2d01ee36&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-2d01ee36] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-2d01ee36] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-2d01ee36] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-2d01ee36] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-2d01ee36] {
  flex: 1 1 75%;
}
.user-form-header[data-v-2d01ee36] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-2d01ee36] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-2d01ee36] .--status-grouped-field {
  display: flex;
}
[data-v-2d01ee36] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-2d01ee36] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-2d01ee36] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-2d01ee36] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-2d01ee36] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-2d01ee36] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-2d01ee36] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-2d01ee36] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-2d01ee36] .employee-image {
  height: 12rem;
}
[data-v-2d01ee36] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-2d01ee36] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-2d01ee36] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-2d01ee36] {
  display: flex;
  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/orangehrmPimPlugin/pages/customField/customField.scss?vue&type=style&index=0&id=7fc4c454&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-custom-field-title[data-v-7fc4c454] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-custom-field-title[data-v-7fc4c454] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.orangehrm-custom-field-title .--infotext[data-v-7fc4c454] {
    margin-right: 1rem;
}
}
.select-options-hint[data-v-7fc4c454] {
  font-size: 0.75rem;
  margin-top: -0.625rem;
}
.--infotext[data-v-7fc4c454] {
  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]!./src/orangehrmPimPlugin/pages/customField/customField.scss?vue&type=style&index=0&id=547ab12c&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-custom-field-title[data-v-547ab12c] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-custom-field-title[data-v-547ab12c] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.orangehrm-custom-field-title .--infotext[data-v-547ab12c] {
    margin-right: 1rem;
}
}
.select-options-hint[data-v-547ab12c] {
  font-size: 0.75rem;
  margin-top: -0.625rem;
}
.--infotext[data-v-547ab12c] {
  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]!./src/orangehrmPimPlugin/pages/customField/customField.scss?vue&type=style&index=0&id=af1ac0d2&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-custom-field-title[data-v-af1ac0d2] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-custom-field-title[data-v-af1ac0d2] {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.orangehrm-custom-field-title .--infotext[data-v-af1ac0d2] {
    margin-right: 1rem;
}
}
.select-options-hint[data-v-af1ac0d2] {
  font-size: 0.75rem;
  margin-top: -0.625rem;
}
.--infotext[data-v-af1ac0d2] {
  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]!./src/orangehrmPimPlugin/pages/optionalField/OptionalField.vue?vue&type=style&index=0&id=4cac6176&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-optional-field-row[data-v-4cac6176] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-optional-field-label[data-v-4cac6176] {
  box-sizing: border-box;
  font-family: "Nunito Sans", 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]!./src/orangehrmPimPlugin/components/EmployeeDataImportModal.vue?vue&type=style&index=0&id=7db9fe6a&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-7db9fe6a] {
  display: flex;
  margin-bottom: 1.2rem;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-7db9fe6a] {
  display: flex;
  margin-top: 1.2rem;
  justify-content: center;
}
.orangehrm-text-center-align[data-v-7db9fe6a] {
  text-align: center;
  overflow-wrap: break-word;
}
[data-v-7db9fe6a] .orangehrm-dialog-popup {
  width: 450px;
}
.orangehrm-success-message[data-v-7db9fe6a] {
  color: var(--oxd-feedback-success-color, #34bc40);
}
.orangehrm-error-message[data-v-7db9fe6a] {
  color: var(--oxd-feedback-danger-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]!./src/orangehrmPimPlugin/pages/dataImport/EmployeeDataImport.vue?vue&type=style&index=0&id=6c39a5a4&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-information-card-container[data-v-6c39a5a4] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 1.2rem;
  padding: 1.2rem;
}
.orangehrm-information-card-text[data-v-6c39a5a4] {
  font-size: 12px;
  color: #64728c;
  font-weight: 400;
}
.orangehrm-information-card-text .download-link[data-v-6c39a5a4] {
  color: var(--oxd-primary-one-color);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/ReportCriterionAutocomplete.vue?vue&type=style&index=0&id=491b8ca0&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-491b8ca0] .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]!./src/orangehrmPimPlugin/components/ReportCriterionSelect.vue?vue&type=style&index=0&id=3816f8c4&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-3816f8c4] .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]!./src/orangehrmPimPlugin/components/ReportCriterionRange.vue?vue&type=style&index=0&id=22737025&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-range[data-v-22737025] {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.orangehrm-report-range-text[data-v-22737025] {
  margin: 0 1rem;
  font-size: 12px;
}
[data-v-22737025] .oxd-input-group__label-wrapper {
  display: none;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/ReportCriterionDateRange.vue?vue&type=style&index=0&id=58ac7c17&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-daterange[data-v-58ac7c17] {
  display: flex;
  justify-content: center;
  align-items: baseline;
}
.orangehrm-report-range-text[data-v-58ac7c17] {
  margin: 0 1rem;
  font-size: 12px;
}
[data-v-58ac7c17] .oxd-input-group__label-wrapper {
  display: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/ReportCriterion.vue?vue&type=style&index=0&id=2db051a8&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-criteria[data-v-2db051a8] {
  display: flex;
  align-items: baseline;
}
.orangehrm-report-criteria-name[data-v-2db051a8] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/ReportDisplayField.vue?vue&type=style&index=0&id=71a436be&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-field[data-v-71a436be] {
  display: flex;
  align-items: center;
}
.orangehrm-report-field-name[data-v-71a436be] {
  margin-left: 1rem;
  font-weight: 700;
  font-size: 12px;
  padding: 0.675rem 0rem;
}
.orangehrm-report-field-header[data-v-71a436be] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/pages/reports/employee-report.scss?vue&type=style&index=0&id=52623eee&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-criteria[data-v-52623eee] {
  display: flex;
  align-items: center;
}
.orangehrm-report-icon[data-v-52623eee] {
  margin-left: 1rem;
}
[data-v-52623eee] .oxd-chip .oxd-icon {
  align-self: center;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* 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]!./src/orangehrmPimPlugin/pages/reports/employee-report.scss?vue&type=style&index=0&id=66a0c23b&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-report-criteria[data-v-66a0c23b] {
  display: flex;
  align-items: center;
}
.orangehrm-report-icon[data-v-66a0c23b] {
  margin-left: 1rem;
}
[data-v-66a0c23b] .oxd-chip .oxd-icon {
  align-self: center;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/pages/updatePassword/update-password.scss?vue&type=style&index=0&id=1e079640&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-user-name[data-v-1e079640] {
  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]!./src/core/components/dialogs/switch/switch.scss?vue&type=style&index=0&id=4bc4c456&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-4bc4c456] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-4bc4c456] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-4bc4c456] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-4bc4c456] {
  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/orangehrmPimPlugin/components/PromotionOrTransferLayout.vue?vue&type=style&index=0&id=903324d4&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-903324d4] {
  padding: unset;
}
.qtasnim-tabs[data-v-903324d4] {
  display: flex;
  flex-direction: row;
  padding-top: 25px;
  padding-right: 25px;
  padding-left: 25px;
  cursor: pointer;
}
.qtasnim-tabs-wrapper[data-v-903324d4] {
  background-color: #f6f5fb;
  color: var(--oxd-interface-gray-color, #929baa);
  margin: 2px;
  border-radius: 12px;
  width: 25%;
  text-align: center;
}
.qtasnim-tabs-wrapper[data-v-903324d4]:hover {
  display: block;
  align-items: center;
  gap: 10px;
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-10-color);
  border-radius: 12px;
}
.qtasnim-tabs-wrapper.--active[data-v-903324d4] {
  display: block;
  align-items: center;
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-10-color);
  border-radius: 12px;
}
.qtasnim-tabs-wrapper.--active .qtasnim-tabs-items[data-v-903324d4] {
  color: var(--oxd-primary-one-color);
}
.qtasnim-tabs-items[data-v-903324d4] {
  height: 35px;
  line-height: 35px;
  padding: 0rem 1rem;
  border-radius: 12px;
  flex: 100%;
  text-decoration: none;
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  text-align: center;
}
.orangehrm-edit-employee[data-v-903324d4] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-edit-employee[data-v-903324d4] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee[data-v-903324d4] {
    flex-direction: row;
}
}
.orangehrm-edit-employee-navigation[data-v-903324d4] {
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-navigation[data-v-903324d4] {
    width: 220px;
}
}
.orangehrm-edit-employee-content[data-v-903324d4] {
  flex: 1;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-content[data-v-903324d4] {
    border-left: 1px solid #e8eaef;
}
}
.orangehrm-edit-employee-name[data-v-903324d4] {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  word-break: break-word;
}
.orangehrm-edit-employee-name .--strong[data-v-903324d4] {
  font-weight: 700;
  font-size: 1.2rem;
}
.orangehrm-edit-employee-image-wrapper[data-v-903324d4] {
  padding-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-image-wrapper[data-v-903324d4] {
    padding-top: 1.2rem;
}
}
.orangehrm-edit-employee-image[data-v-903324d4] {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
  border: 0.5rem solid var(--oxd-background-pastel-white-color, #f6f5fb);
  box-shadow: 1px 1px 18px 11px hsla(238, 13%, 76%, 0.24);
}
.orangehrm-edit-employee-imagesection[data-v-903324d4] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-edit-employee-imagesection[data-v-903324d4] {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee-imagesection[data-v-903324d4] {
    flex-direction: column;
    justify-content: center;
}
}
.orangehrm-edit-employee .active[data-v-903324d4] {
  display: block;
  align-items: center;
  background: var(--oxd-primary-one-color, #ff7b1d);
  border-radius: 12px;
  color: var(--oxd-primary-font-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]!./src/orangehrmPimPlugin/pages/promotionTransfer/promotionOrTransfer.scss?vue&type=style&index=0&id=6853e0f1&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-6853e0f1] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-6853e0f1] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-6853e0f1] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-6853e0f1] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-6853e0f1] {
  flex: 1 1 75%;
}
.user-form-header[data-v-6853e0f1] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-6853e0f1] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-6853e0f1] .--status-grouped-field {
  display: flex;
}
[data-v-6853e0f1] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-6853e0f1] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-6853e0f1] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-6853e0f1] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-6853e0f1] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-6853e0f1] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-6853e0f1] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-6853e0f1] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-6853e0f1] .employee-image {
  height: 12rem;
}
[data-v-6853e0f1] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-6853e0f1] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-6853e0f1] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-6853e0f1] {
  display: flex;
  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]!./src/orangehrmPimPlugin/pages/salaryParameter/SalaryParameter.vue?vue&type=style&index=0&id=11422380&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-wrap[data-v-11422380] {
  border-radius: 0.65rem;
  border: 1px solid #e8eaef;
  padding: 2%;
  margin-bottom: 2%;
}
.btn-submit[data-v-11422380] {
  margin-right: 10px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmPimPlugin/pages/spd/reimburse/SaveReimburse.vue?vue&type=style&index=0&id=7c762d5e&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.button-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: end;
  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]!./src/orangehrmPimPlugin/pages/spd/reimburse/Reimburse.vue?vue&type=style&index=0&id=f6291464&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.custom-dialog-modal {
  width: 100% !important;
  max-width: 800px !important;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmCarierManagementPlugin/pages/Hridp/ViewHridp.vue?vue&type=style&index=0&id=6aa9c5c2&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.column {
  padding: 8px;
  /* overflow-y: auto; */
  /* Enable vertical scroll for the column */
  max-height: 300px; /* Set a maximum height to demonstrate virtual scrolling */
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/qtasnimhrmSalaryAdministrationPlugin/pages/salary/components/SalaryDetail.vue?vue&type=style&index=0&id=5bc79f7f&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dialog-modals {
  width: 117%;
  max-width: 795px;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/pages/salary/components/EditSalary.vue?vue&type=style&index=0&id=5aa02ef2&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.btn-submits[data-v-5aa02ef2] {
  margin-right: 1%;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmPimPlugin/pages/myApplication/ListHistoryStages.vue?vue&type=style&index=0&id=3e49c371&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.title-position {
  height: 14px;
  align-self: stretch;
  flex-grow: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.12px;
  text-align: left;
  color: #778eb8;
  margin-top: 5px;
  margin-bottom: 5px;
}
.status-indicator-success {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  margin-right: 10px;
  background-color: green;
}
.status-indicator-failed {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 8px;
  background-color: red;
}
.message {
  margin-top: 5px;
  font-family: Nunito Sans, sans-serif;
  color: #64728c;
  font-size: 12px;
}
.loading-spinner-recruitment {
  display: flex;
  justify-content: center;
  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]!./src/orangehrmPimPlugin/pages/myApplication/my-application.scss?vue&type=style&index=0&id=5ffb9258&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-5ffb9258] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-5ffb9258] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-5ffb9258] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-5ffb9258] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-5ffb9258] {
  flex: 1 1 75%;
}
.user-form-header[data-v-5ffb9258] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-5ffb9258] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-5ffb9258] .--status-grouped-field {
  display: flex;
}
[data-v-5ffb9258] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-5ffb9258] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-5ffb9258] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-5ffb9258] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-5ffb9258] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-5ffb9258] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-5ffb9258] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-5ffb9258] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-5ffb9258] .employee-image {
  height: 12rem;
}
[data-v-5ffb9258] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-5ffb9258] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-5ffb9258] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-5ffb9258] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.personal-information[data-v-5ffb9258] {
  height: 16px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.1px;
  text-align: left;
  color: #45a459;
  margin: 15px 0px 15px 0px;
}
.image-profiles[data-v-5ffb9258] {
  width: 173px;
  height: 230px;
  flex-grow: 0;
  border-radius: 24px;
  box-shadow: 0 2px 48px 0 rgba(100, 114, 140, 0.4);
  border: solid 4px var(--white);
}
.image-employee[data-v-5ffb9258] {
  width: 170px;
  height: 225px;
  border-radius: 24px;
  padding: 2px 2px 2px 2px;
}
.employee-name[data-v-5ffb9258] {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.12px;
  text-align: left;
  color: #64728c;
}
.container-employee-information[data-v-5ffb9258] {
  width: 100%;
  margin-left: 32px;
}
.employee-company[data-v-5ffb9258] {
  height: 17px;
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: left;
  color: #b0b0b0;
  margin: 15px 0px 15px 0px;
}
.title-info[data-v-5ffb9258] {
  height: 14px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #64728c;
  margin-bottom: 8px;
}
.value-info[data-v-5ffb9258] {
  height: 14px;
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #64728c;
}
.background-icon[data-v-5ffb9258] {
  width: 16px;
  height: 16px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 5px;
  border-radius: 8px;
  background-color: #f1f2f5;
  margin-right: 5px;
}
.title-info-category[data-v-5ffb9258] {
  height: 14px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #64728c;
  margin-bottom: 8px;
}
.title-information[data-v-5ffb9258] {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.1px;
  text-align: left;
  color: #45a459;
  margin-bottom: 15px;
}
.title-experience[data-v-5ffb9258] {
  height: 16px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.08px;
  text-align: left;
  color: #64728c;
  margin-bottom: 5px;
}
.title-working[data-v-5ffb9258] {
  height: 17px;
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: left;
  color: #b0b0b0;
}
.date-info[data-v-5ffb9258] {
  height: 17px;
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: right;
  color: #b0b0b0;
}
.description[data-v-5ffb9258] {
  height: 14px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #64728c;
  margin-left: 2px;
  margin-bottom: 8px;
}
.long-description[data-v-5ffb9258] {
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #b0b0b0;
  margin-left: 2px;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPimPlugin/components/MyApplicationLayout.vue?vue&type=style&index=0&id=6c58e7ae&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-6c58e7ae] {
  padding: unset;
}
.qtasnim-tabs[data-v-6c58e7ae] {
  display: flex;
  flex-direction: row;
  padding-top: 25px;
  padding-right: 25px;
  padding-left: 25px;
  cursor: pointer;
}
.qtasnim-tabs-wrapper[data-v-6c58e7ae] {
  background-color: #f6f5fb;
  color: var(--oxd-interface-gray-color, #929baa);
  margin: 2px;
  border-radius: 12px;
  width: 100%;
  text-align: center;
}
.qtasnim-tabs-wrapper[data-v-6c58e7ae]:hover {
  display: block;
  align-items: center;
  gap: 10px;
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-10-color);
  border-radius: 12px;
}
.qtasnim-tabs-wrapper.--active[data-v-6c58e7ae] {
  display: block;
  align-items: center;
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-10-color);
  border-radius: 12px;
}
.qtasnim-tabs-wrapper.--active .qtasnim-tabs-items[data-v-6c58e7ae] {
  color: var(--oxd-primary-one-color);
}
.qtasnim-tabs-items[data-v-6c58e7ae] {
  height: 35px;
  line-height: 35px;
  padding: 0rem 1rem;
  border-radius: 12px;
  flex: 100%;
  text-decoration: none;
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  text-align: center;
}
.orangehrm-edit-employee[data-v-6c58e7ae] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-edit-employee[data-v-6c58e7ae] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee[data-v-6c58e7ae] {
    flex-direction: row;
}
}
.orangehrm-edit-employee-navigation[data-v-6c58e7ae] {
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-navigation[data-v-6c58e7ae] {
    width: 220px;
}
}
.orangehrm-edit-employee-content[data-v-6c58e7ae] {
  flex: 1;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-content[data-v-6c58e7ae] {
    border-left: 1px solid #e8eaef;
}
}
.orangehrm-edit-employee-name[data-v-6c58e7ae] {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  word-break: break-word;
}
.orangehrm-edit-employee-name .--strong[data-v-6c58e7ae] {
  font-weight: 700;
  font-size: 1.2rem;
}
.orangehrm-edit-employee-image-wrapper[data-v-6c58e7ae] {
  padding-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-image-wrapper[data-v-6c58e7ae] {
    padding-top: 1.2rem;
}
}
.orangehrm-edit-employee-image[data-v-6c58e7ae] {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
  border: 0.5rem solid var(--oxd-background-pastel-white-color, #f6f5fb);
  box-shadow: 1px 1px 18px 11px hsla(238, 13%, 76%, 0.24);
}
.orangehrm-edit-employee-imagesection[data-v-6c58e7ae] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-edit-employee-imagesection[data-v-6c58e7ae] {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee-imagesection[data-v-6c58e7ae] {
    flex-direction: column;
    justify-content: center;
}
}
.orangehrm-edit-employee .active[data-v-6c58e7ae] {
  display: block;
  align-items: center;
  background: var(--oxd-primary-one-color, #ff7b1d);
  border-radius: 12px;
  color: var(--oxd-primary-font-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]!./src/orangehrmPimPlugin/pages/myApplication/my-application.scss?vue&type=style&index=0&id=255e9708&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-255e9708] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-255e9708] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-255e9708] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-255e9708] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-255e9708] {
  flex: 1 1 75%;
}
.user-form-header[data-v-255e9708] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-255e9708] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-255e9708] .--status-grouped-field {
  display: flex;
}
[data-v-255e9708] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-255e9708] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-255e9708] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-255e9708] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-255e9708] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-255e9708] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-255e9708] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-255e9708] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-255e9708] .employee-image {
  height: 12rem;
}
[data-v-255e9708] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-255e9708] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-255e9708] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-255e9708] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.personal-information[data-v-255e9708] {
  height: 16px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.1px;
  text-align: left;
  color: #45a459;
  margin: 15px 0px 15px 0px;
}
.image-profiles[data-v-255e9708] {
  width: 173px;
  height: 230px;
  flex-grow: 0;
  border-radius: 24px;
  box-shadow: 0 2px 48px 0 rgba(100, 114, 140, 0.4);
  border: solid 4px var(--white);
}
.image-employee[data-v-255e9708] {
  width: 170px;
  height: 225px;
  border-radius: 24px;
  padding: 2px 2px 2px 2px;
}
.employee-name[data-v-255e9708] {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.12px;
  text-align: left;
  color: #64728c;
}
.container-employee-information[data-v-255e9708] {
  width: 100%;
  margin-left: 32px;
}
.employee-company[data-v-255e9708] {
  height: 17px;
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: left;
  color: #b0b0b0;
  margin: 15px 0px 15px 0px;
}
.title-info[data-v-255e9708] {
  height: 14px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #64728c;
  margin-bottom: 8px;
}
.value-info[data-v-255e9708] {
  height: 14px;
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #64728c;
}
.background-icon[data-v-255e9708] {
  width: 16px;
  height: 16px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 5px;
  border-radius: 8px;
  background-color: #f1f2f5;
  margin-right: 5px;
}
.title-info-category[data-v-255e9708] {
  height: 14px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #64728c;
  margin-bottom: 8px;
}
.title-information[data-v-255e9708] {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.1px;
  text-align: left;
  color: #45a459;
  margin-bottom: 15px;
}
.title-experience[data-v-255e9708] {
  height: 16px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.08px;
  text-align: left;
  color: #64728c;
  margin-bottom: 5px;
}
.title-working[data-v-255e9708] {
  height: 17px;
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: left;
  color: #b0b0b0;
}
.date-info[data-v-255e9708] {
  height: 17px;
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: right;
  color: #b0b0b0;
}
.description[data-v-255e9708] {
  height: 14px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #64728c;
  margin-left: 2px;
  margin-bottom: 8px;
}
.long-description[data-v-255e9708] {
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #b0b0b0;
  margin-left: 2px;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmPimPlugin/pages/AttendanceRecap/AttendanceRecapDailyList.vue?vue&type=style&index=0&id=7b8aa6d9&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.table-attendance {
  margin: 5px;
  max-width: 60vw;
  overflow-x: 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]!./src/orangehrmPimPlugin/pages/AttendanceRecap/AttendanceRecapAbsenceList.vue?vue&type=style&index=0&id=4b0e347d&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.table-attendance {
  margin: 5px;
  max-width: 60vw;
  overflow-x: 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/orangehrmPimPlugin/components/MyAttendanceLayout.vue?vue&type=style&index=0&id=5149d7b4&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-5149d7b4] {
  padding: unset;
}
.qtasnim-tabs[data-v-5149d7b4] {
  display: flex;
  flex-direction: row;
  padding-top: 25px;
  padding-right: 25px;
  padding-left: 25px;
  cursor: pointer;
}
.qtasnim-tabs-wrapper[data-v-5149d7b4] {
  background-color: #f6f5fb;
  color: var(--oxd-interface-gray-color, #929baa);
  margin: 2px;
  border-radius: 12px;
  width: 100%;
  text-align: center;
}
.qtasnim-tabs-wrapper[data-v-5149d7b4]:hover {
  display: block;
  align-items: center;
  gap: 10px;
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-10-color);
  border-radius: 12px;
}
.qtasnim-tabs-wrapper.--active[data-v-5149d7b4] {
  display: block;
  align-items: center;
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-10-color);
  border-radius: 12px;
}
.qtasnim-tabs-wrapper.--active .qtasnim-tabs-items[data-v-5149d7b4] {
  color: var(--oxd-primary-one-color);
}
.qtasnim-tabs-items[data-v-5149d7b4] {
  height: 35px;
  line-height: 35px;
  padding: 0rem 1rem;
  border-radius: 12px;
  flex: 100%;
  text-decoration: none;
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  text-align: center;
}
.orangehrm-edit-employee[data-v-5149d7b4] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-edit-employee[data-v-5149d7b4] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee[data-v-5149d7b4] {
    flex-direction: row;
}
}
.orangehrm-edit-employee-navigation[data-v-5149d7b4] {
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-navigation[data-v-5149d7b4] {
    width: 220px;
}
}
.orangehrm-edit-employee-content[data-v-5149d7b4] {
  flex: 1;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-content[data-v-5149d7b4] {
    border-left: 1px solid #e8eaef;
}
}
.orangehrm-edit-employee-name[data-v-5149d7b4] {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  word-break: break-word;
}
.orangehrm-edit-employee-name .--strong[data-v-5149d7b4] {
  font-weight: 700;
  font-size: 1.2rem;
}
.orangehrm-edit-employee-image-wrapper[data-v-5149d7b4] {
  padding-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-image-wrapper[data-v-5149d7b4] {
    padding-top: 1.2rem;
}
}
.orangehrm-edit-employee-image[data-v-5149d7b4] {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
  border: 0.5rem solid var(--oxd-background-pastel-white-color, #f6f5fb);
  box-shadow: 1px 1px 18px 11px hsla(238, 13%, 76%, 0.24);
}
.orangehrm-edit-employee-imagesection[data-v-5149d7b4] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-edit-employee-imagesection[data-v-5149d7b4] {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee-imagesection[data-v-5149d7b4] {
    flex-direction: column;
    justify-content: center;
}
}
.orangehrm-edit-employee .active[data-v-5149d7b4] {
  display: block;
  align-items: center;
  background: var(--oxd-primary-one-color, #ff7b1d);
  border-radius: 12px;
  color: var(--oxd-primary-font-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]!./src/orangehrmPimPlugin/pages/AttendanceRecap/my-attendances.scss?vue&type=style&index=0&id=7d50f9c5&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-7d50f9c5] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-7d50f9c5] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-7d50f9c5] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-7d50f9c5] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-7d50f9c5] {
  flex: 1 1 75%;
}
.user-form-header[data-v-7d50f9c5] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-7d50f9c5] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-7d50f9c5] .--status-grouped-field {
  display: flex;
}
[data-v-7d50f9c5] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-7d50f9c5] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-7d50f9c5] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-7d50f9c5] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-7d50f9c5] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-7d50f9c5] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-7d50f9c5] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-7d50f9c5] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-7d50f9c5] .employee-image {
  height: 12rem;
}
[data-v-7d50f9c5] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-7d50f9c5] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-action-header[data-v-7d50f9c5] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-action-header .oxd-text[data-v-7d50f9c5] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.personal-information[data-v-7d50f9c5] {
  height: 16px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.1px;
  text-align: left;
  color: #45a459;
  margin: 15px 0px 15px 0px;
}
.image-profiles[data-v-7d50f9c5] {
  width: 173px;
  height: 230px;
  flex-grow: 0;
  border-radius: 24px;
  box-shadow: 0 2px 48px 0 rgba(100, 114, 140, 0.4);
  border: solid 4px var(--white);
}
.image-employee[data-v-7d50f9c5] {
  width: 170px;
  height: 225px;
  border-radius: 24px;
  padding: 2px 2px 2px 2px;
}
.employee-name[data-v-7d50f9c5] {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.12px;
  text-align: left;
  color: #64728c;
}
.container-employee-information[data-v-7d50f9c5] {
  width: 100%;
  margin-left: 32px;
}
.employee-company[data-v-7d50f9c5] {
  height: 17px;
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: left;
  color: #b0b0b0;
  margin: 15px 0px 15px 0px;
}
.title-info[data-v-7d50f9c5] {
  height: 14px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #64728c;
  margin-bottom: 8px;
}
.value-info[data-v-7d50f9c5] {
  height: 14px;
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #64728c;
}
.background-icon[data-v-7d50f9c5] {
  width: 16px;
  height: 16px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 10px;
  padding: 5px;
  border-radius: 8px;
  background-color: #f1f2f5;
  margin-right: 5px;
}
.title-info-category[data-v-7d50f9c5] {
  height: 14px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #64728c;
  margin-bottom: 8px;
}
.title-information[data-v-7d50f9c5] {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.1px;
  text-align: left;
  color: #45a459;
  margin-bottom: 15px;
}
.title-experience[data-v-7d50f9c5] {
  height: 16px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.08px;
  text-align: left;
  color: #64728c;
  margin-bottom: 5px;
}
.title-working[data-v-7d50f9c5] {
  height: 17px;
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: left;
  color: #b0b0b0;
}
.date-info[data-v-7d50f9c5] {
  height: 17px;
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: right;
  color: #b0b0b0;
}
.description[data-v-7d50f9c5] {
  height: 14px;
  align-self: stretch;
  flex-grow: 0;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #64728c;
  margin-left: 2px;
  margin-bottom: 8px;
}
.long-description[data-v-7d50f9c5] {
  flex-grow: 1;
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #b0b0b0;
  margin-left: 2px;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmTrainingPlugin/pages/SkillDevTrainingEvaluation/SaveSkillDevTrainingEvaluation.vue?vue&type=style&index=0&id=3e95e13e&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

table {
  width: 100%;
}
td {
  word-wrap: break-word;
  width: auto;
  text-align: start;
}
.scrollable-table-container {
  max-height: auto;
  overflow-y: 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/orangehrmHelpPlugin/pages/ViewSupport.vue?vue&type=style&index=0&id=7fcd09d0&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-support-text[data-v-7fcd09d0] {
  font-size: 12px;
}
.orangehrm-support[data-v-7fcd09d0] {
  padding: 1rem 0;
}
.orangehrm-support-channel[data-v-7fcd09d0] {
  grid-template-columns: 50px 1fr;
  align-items: center;
}
.orangehrm-support-channel img[data-v-7fcd09d0] {
  width: 40px;
  height: 40px;
}
.orangehrm-support-link[data-v-7fcd09d0] {
  text-decoration: none;
  color: var(--oxd-primary-one-color);
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmTimePlugin/components/ActivityDropdown.vue?vue&type=style&index=0&id=42071ad6&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-42071ad6] .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]!./src/orangehrmTimePlugin/components/ProjectAutocomplete.vue?vue&type=style&index=0&id=e818520a&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

[data-v-e818520a] .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]!./src/orangehrmTimePlugin/components/TimesheetCommentModal.vue?vue&type=style&index=0&id=12c340ba&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-timesheet-grid[data-v-12c340ba] {
  width: 100%;
  padding: 0 0.625rem;
  grid-template-columns: 100px 1fr;
  margin-bottom: 1rem;
}
.orangehrm-timesheet-title[data-v-12c340ba], .orangehrm-timesheet-text[data-v-12c340ba] {
  word-break: break-word;
  font-size: 12px;
}
.orangehrm-timesheet-title[data-v-12c340ba] {
  font-weight: 700;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmTimePlugin/components/timesheet.scss?vue&type=style&index=0&id=e18e7be8&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-timesheet-header[data-v-e18e7be8], .orangehrm-timesheet-footer[data-v-e18e7be8] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-timesheet-header[data-v-e18e7be8] {
  gap: 0.4rem;
  flex-direction: column;
  border-bottom: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.orangehrm-timesheet-header--title[data-v-e18e7be8] {
  width: 100%;
  box-sizing: border-box;
  padding: 0.6rem 1.2rem;
  border-bottom: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
@media (min-width: 800px) {
.orangehrm-timesheet-header[data-v-e18e7be8] {
    flex-direction: row;
}
.orangehrm-timesheet-header--title[data-v-e18e7be8] {
    width: unset;
    border-bottom: unset;
}
}
.orangehrm-timesheet-header--options[data-v-e18e7be8] {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding: 0.6rem 1.2rem;
  box-sizing: border-box;
}
@media (min-width: 800px) {
.orangehrm-timesheet-header--options[data-v-e18e7be8] {
    width: unset;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
}
.orangehrm-timesheet-footer[data-v-e18e7be8] {
  padding: 0.6rem 1.2rem;
  border-top: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.orangehrm-timesheet-footer--options[data-v-e18e7be8] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-timesheet-footer--options[data-v-e18e7be8] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-timesheet-footer--options[data-v-e18e7be8] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-timesheet-footer--options[data-v-e18e7be8] .oxd-button--medium {
    width: unset;
}
}
.orangehrm-timesheet-body[data-v-e18e7be8] {
  overflow-x: auto;
}
.orangehrm-timesheet-body-message[data-v-e18e7be8] {
  padding: 0.6rem 1.2rem;
}
.orangehrm-timesheet-table[data-v-e18e7be8] {
  width: 100%;
  text-align: left;
  border-collapse: collapse;
  font-family: "Nunito Sans", sans-serif;
  color: #64728c;
  font-size: 12px;
  font-weight: 400;
}
@media screen and (max-width: 600px) {
.orangehrm-timesheet-table .--freeze-left[data-v-e18e7be8],
  .orangehrm-timesheet-table .--freeze-right[data-v-e18e7be8] {
    position: sticky;
    background-color: var(--oxd-white-color, #ffffff);
    z-index: 209;
}
.orangehrm-timesheet-table .--freeze-left[data-v-e18e7be8]::after,
  .orangehrm-timesheet-table .--freeze-right[data-v-e18e7be8]::after {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
}
.orangehrm-timesheet-table .--freeze-left[data-v-e18e7be8] {
    left: 0;
}
.orangehrm-timesheet-table .--freeze-left[data-v-e18e7be8]::after {
    right: 0;
    border-right: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.orangehrm-timesheet-table .--freeze-right[data-v-e18e7be8] {
    right: 0;
}
.orangehrm-timesheet-table .--freeze-right[data-v-e18e7be8]::after {
    left: 0;
    border-left: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
}
.orangehrm-timesheet-table-header-cell[data-v-e18e7be8] {
  padding: 1rem 1.2rem;
  font-weight: 700;
}
.orangehrm-timesheet-table-header-cell.--center[data-v-e18e7be8] {
  text-align: center;
}
.orangehrm-timesheet-table-header-row[data-v-e18e7be8] {
  border-bottom: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.orangehrm-timesheet-table-header .--day[data-v-e18e7be8] {
  display: block;
  font-size: 16px;
}
.orangehrm-timesheet-table-body-cell[data-v-e18e7be8] {
  position: relative;
  max-width: 150px;
  padding: 1rem 1.2rem;
}
.orangehrm-timesheet-table-body-cell.--highlight[data-v-e18e7be8] {
  font-weight: 700;
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.orangehrm-timesheet-table-body-cell.--highlight-2[data-v-e18e7be8] {
  font-weight: 700;
  color: var(--oxd-white-color, #ffffff);
  background-color: var(--oxd-interface-gray-color, #929baa);
}
.orangehrm-timesheet-table-body-cell.--highlight-3[data-v-e18e7be8] {
  background-color: var(--oxd-background-pastel-white-color, #f6f5fb);
}
.orangehrm-timesheet-table-body-cell.--flex[data-v-e18e7be8] {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.orangehrm-timesheet-table-body-cell.--center[data-v-e18e7be8] {
  text-align: center;
}
.orangehrm-timesheet-table-body-row[data-v-e18e7be8] {
  vertical-align: baseline;
  border-bottom: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.orangehrm-timesheet-table-body-row.--total[data-v-e18e7be8] {
  background-color: var(--oxd-interface-gray-lighten-1-color, #cfd3de);
}
.orangehrm-timesheet-table.--editable tr[data-v-e18e7be8] {
  border: unset;
}
.orangehrm-timesheet-table.--editable th[data-v-e18e7be8],
.orangehrm-timesheet-table.--editable td[data-v-e18e7be8] {
  padding: 0.5rem 1rem;
}
.orangehrm-timesheet-table.--editable th.--duration-input[data-v-e18e7be8],
.orangehrm-timesheet-table.--editable td.--duration-input[data-v-e18e7be8] {
  padding: 0.5rem 0.25rem;
}
.orangehrm-timesheet-icon-comment[data-v-e18e7be8] {
  top: -5px;
  right: -5px;
  z-index: 2;
  position: absolute;
}
.orangehrm-timesheet-loader[data-v-e18e7be8] {
  width: 100%;
  min-height: 300px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--oxd-white-color, #ffffff);
  z-index: 200;
}
.oxd-input-group[data-v-e18e7be8] {
  margin-bottom: 0;
}
[data-v-e18e7be8] .oxd-input-group__label-wrapper {
  display: none;
}
[data-v-e18e7be8] .oxd-input {
  min-width: 50px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmTimePlugin/components/timesheet-period.scss?vue&type=style&index=0&id=3116e46d&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-timeperiod-picker[data-v-3116e46d] {
  gap: 0.5rem;
  display: grid;
  align-items: center;
  grid-template: "prev   title  next" "picker picker picker"/36px auto 36px;
}
@media (min-width: 800px) {
.orangehrm-timeperiod-picker[data-v-3116e46d] {
    grid-template: "title prev picker next"/auto auto minmax(240px, max-content) auto;
}
}
.orangehrm-timeperiod-title[data-v-3116e46d] {
  text-align: center;
  font-size: 12px;
  grid-area: title;
}
.orangehrm-timeperiod-icon.--prev[data-v-3116e46d] {
  grid-area: prev;
}
.orangehrm-timeperiod-icon.--next[data-v-3116e46d] {
  grid-area: next;
}
.oxd-input-group[data-v-3116e46d] {
  margin-bottom: 0;
  grid-area: picker;
}
[data-v-3116e46d] .oxd-input-group__label-wrapper {
  display: none;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmTimePlugin/pages/timesheets/EditTimeSheet.vue?vue&type=style&index=0&id=98806d50&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-timeperiod-title[data-v-98806d50] {
  font-size: 12px;
  margin-right: 10px;
}
.orangehrm-form-hint[data-v-98806d50] {
  margin-right: auto;
  font-weight: 600;
  font-size: 0.75rem;
  text-overflow: ellipsis;
  overflow: hidden;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmTimePlugin/components/ProjectAdminAutocomplete.vue?vue&type=style&index=0&id=30d43758&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-project-admin-input[data-v-30d43758] {
  display: flex;
  align-items: flex-start;
}
.orangehrm-project-admin-input[data-v-30d43758] .oxd-input-group__label-wrapper:empty {
  display: none;
}
.orangehrm-project-delete-icon[data-v-30d43758] {
  margin-left: 1rem;
  margin-top: 1rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmTimePlugin/components/CopyActivityModal.vue?vue&type=style&index=0&id=68e89943&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-activites-container[data-v-68e89943] {
  max-height: 180px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-activites-container[data-v-68e89943]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-activites-container[data-v-68e89943]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-activites-container[data-v-68e89943]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-activites-container[data-v-68e89943] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
[data-v-68e89943] .oxd-checkbox-wrapper {
  word-break: break-word;
}
[data-v-68e89943] .oxd-checkbox-wrapper .oxd-checkbox-input {
  flex-shrink: 0;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmTimePlugin/components/Activities.vue?vue&type=style&index=0&id=68781afa&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-main-actions[data-v-68781afa] {
  gap: 0.4rem;
  display: flex;
  flex-direction: column;
}
.orangehrm-main-actions[data-v-68781afa] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-main-actions[data-v-68781afa] {
    flex-direction: row;
}
.orangehrm-main-actions[data-v-68781afa] .oxd-button--medium {
    width: unset;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmTimePlugin/components/TimesheetPendingActions.vue?vue&type=style&index=0&id=40cdef92&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-40cdef92] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-40cdef92] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmTimePlugin/pages/reports/time-reports.scss?vue&type=style&index=0&id=39e2e97d&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-switch-filter[data-v-39e2e97d] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-switch-filter-text[data-v-39e2e97d] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmTimePlugin/pages/reports/time-reports.scss?vue&type=style&index=0&id=475f46be&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-switch-filter[data-v-475f46be] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-switch-filter-text[data-v-475f46be] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmTimePlugin/pages/reports/time-reports.scss?vue&type=style&index=0&id=da11882e&lang=scss&scoped=true&external ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-switch-filter[data-v-da11882e] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-switch-filter-text[data-v-da11882e] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmLeavePlugin/pages/configure/LeavePeriod.vue?vue&type=style&index=0&id=5c2f9b23&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-duration[data-v-5c2f9b23] {
  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]!./src/orangehrmLeavePlugin/components/leave-balance-modal.scss?vue&type=style&index=0&id=691134c0&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-balance-text[data-v-691134c0] {
  font-size: 12px;
  margin-bottom: 0.25rem;
}
.orangehrm-container[data-v-691134c0] {
  padding: 0.5rem 0;
  max-height: 165px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-691134c0]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-691134c0]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-691134c0]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-691134c0] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmLeavePlugin/components/leave-balance-modal.scss?vue&type=style&index=0&id=6746ef46&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-balance-text[data-v-6746ef46] {
  font-size: 12px;
  margin-bottom: 0.25rem;
}
.orangehrm-container[data-v-6746ef46] {
  padding: 0.5rem 0;
  max-height: 165px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-6746ef46]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-6746ef46]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-6746ef46]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-6746ef46] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmLeavePlugin/components/LeaveBalance.vue?vue&type=style&index=0&id=25d16a86&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-balance[data-v-25d16a86] {
  display: flex;
  align-items: center;
}
.orangehrm-leave-balance .--help[data-v-25d16a86] {
  margin-left: 5px;
}
.orangehrm-leave-balance-text[data-v-25d16a86] {
  padding: 0.675rem 0rem;
}
.orangehrm-leave-balance-text.--error[data-v-25d16a86] {
  color: var(--oxd-feedback-danger-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]!./src/orangehrmLeavePlugin/pages/LeaveApply.vue?vue&type=style&index=0&id=ce9a7d9a&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-leave-day-allowance[data-v-ce9a7d9a] {
  display: flex;
  align-items: center;
}
.orangeui-leave-day-allowance .--help[data-v-ce9a7d9a] {
  margin-left: 5px;
}
.orangeui-leave-day-allowance-text[data-v-ce9a7d9a] {
  padding: 0.675rem 0rem;
}
.orangeui-leave-day-allowance-text.--error[data-v-ce9a7d9a] {
  color: var(--oxd-feedback-danger-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]!./src/orangehrmLeavePlugin/components/LeaveAssignConfirmModal.vue?vue&type=style&index=0&id=481c380b&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmLeavePlugin/components/EntitlementSituationalModal.vue?vue&type=style&index=0&id=af56df2e&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-af56df2e] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-af56df2e] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-text-center-align[data-v-af56df2e] {
  text-align: center;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmLeavePlugin/pages/leaveType/leave-type.scss?vue&type=style&index=0&id=dbefdbc6&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-dbefdbc6] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.label-is-entitlement-situational[data-v-dbefdbc6] {
  display: flex;
  align-items: center;
}
.label-is-entitlement-situational .--help[data-v-dbefdbc6] {
  margin-left: 5px;
}
.label-is-annual-period[data-v-dbefdbc6] {
  display: flex;
  align-items: center;
}
.label-is-annual-period .--help[data-v-dbefdbc6] {
  margin-left: 5px;
}
.modal-container[data-v-dbefdbc6] {
  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]!./src/orangehrmLeavePlugin/pages/leaveType/leave-type.scss?vue&type=style&index=0&id=aa7b9cec&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-aa7b9cec] .--status-grouped-field {
  display: flex;
  max-width: 15rem;
}
.label-is-entitlement-situational[data-v-aa7b9cec] {
  display: flex;
  align-items: center;
}
.label-is-entitlement-situational .--help[data-v-aa7b9cec] {
  margin-left: 5px;
}
.label-is-annual-period[data-v-aa7b9cec] {
  display: flex;
  align-items: center;
}
.label-is-annual-period .--help[data-v-aa7b9cec] {
  margin-left: 5px;
}
.modal-container[data-v-aa7b9cec] {
  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]!./src/orangehrmLeavePlugin/components/EntitlementUpdateModal.vue?vue&type=style&index=0&id=0ac1f98f&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmLeavePlugin/components/EntitlementBulkUpdateModal.vue?vue&type=style&index=0&id=249a4ec6&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-249a4ec6] {
  max-height: 165px;
  overflow-y: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-249a4ec6]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-249a4ec6]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-249a4ec6]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-249a4ec6] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmLeavePlugin/components/EntitlementNoMatchModal.vue?vue&type=style&index=0&id=6c79b76e&scoped=true&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmLeavePlugin/pages/entitlements/add-entitlement.scss?vue&type=style&index=0&id=7acd686e&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-7acd686e] .--grouped-field {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 800px) {
[data-v-7acd686e] .--grouped-field {
    flex-wrap: nowrap;
}
[data-v-7acd686e] .--grouped-field .oxd-input-group {
    flex-shrink: 0;
}
}
.orangehrm-leave-entitled[data-v-7acd686e] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-leave-entitled-text[data-v-7acd686e] {
    margin-bottom: 1.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-leave-entitled-text[data-v-7acd686e] {
    margin-bottom: unset;
}
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmLeavePlugin/components/LeaveTypeDropdown.vue?vue&type=style&index=0&id=ddb0de4c&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.deleted-tag[data-v-ddb0de4c] {
  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]!./src/orangehrmLeavePlugin/components/leave-entitlement.scss?vue&type=style&index=0&id=249ab790&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-button-primary[data-v-249ab790] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-249ab790]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-249ab790]:focus {
  background: var(--acsent, #72b521);
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmLeavePlugin/pages/configure/holiday/holiday.scss?vue&type=style&index=0&id=0c3c20a2&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-0c3c20a2] .--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]!./src/orangehrmLeavePlugin/pages/configure/holiday/holiday.scss?vue&type=style&index=0&id=0c3cd902&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-0c3cd902] .--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]!./src/orangehrmLeavePlugin/components/leave-comment.scss?vue&type=style&index=0&id=ef595e80&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-comment[data-v-ef595e80] {
  box-sizing: border-box;
  padding: 0.5rem 0.5rem 0 0;
  display: flex;
}
.orangehrm-comment-profile-image-wrapper[data-v-ef595e80] {
  margin-right: 0.5rem;
}
.orangehrm-comment-profile-image[data-v-ef595e80] {
  width: 70px;
  height: 70px;
  display: flex;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
  border-radius: 100%;
  border: 0.5rem solid var(--oxd-background-pastel-white-color, #f6f5fb);
}
.orangehrm-comment-profile-name p[data-v-ef595e80] {
  font-weight: 700;
  margin-bottom: 0.25rem;
}
.orangehrm-comment-message[data-v-ef595e80] {
  padding: 0.5rem 1rem;
  background-color: var(--oxd-background-pastel-white-color, #f6f5fb);
  border-radius: 0.5rem;
  margin-bottom: 0.25rem;
  width: -moz-fit-content;
  width: fit-content;
}
.orangehrm-comment-timestamp[data-v-ef595e80] {
  text-align: right;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmLeavePlugin/components/leave-comment-modal.scss?vue&type=style&index=0&id=7d7adfba&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-content[data-v-7d7adfba] {
  max-height: 200px;
  overflow: hidden auto;
  margin: 0.5rem 0;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-modal-content[data-v-7d7adfba]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-modal-content[data-v-7d7adfba]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-modal-content[data-v-7d7adfba]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-modal-content[data-v-7d7adfba] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmLeavePlugin/components/LeaveBulkActionModal.vue?vue&type=style&index=0&id=056967f4&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmLeavePlugin/components/LeaveListTableHeader.vue?vue&type=style&index=0&id=56ba4ade&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container .actions[data-v-56ba4ade] {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
.orangehrm-header-container span[data-v-56ba4ade] {
  margin-right: 20px;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmLeavePlugin/components/LeaveListTable.vue?vue&type=style&index=0&id=9bb83d1e&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-9bb83d1e] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-9bb83d1e] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmLeavePlugin/pages/LeaveList.vue?vue&type=style&index=0&id=067a7869&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-filter[data-v-067a7869] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-leave-filter-text[data-v-067a7869] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/PreviewPDF/preview-pdf.scss?vue&type=style&index=1&id=6353065d&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.header-pdf[data-v-6353065d] {
  background-color: var(--oxd-primary-one-color);
  height: 28px;
}
.d-flex[data-v-6353065d] {
  display: flex;
}
.justify-content-center[data-v-6353065d] {
  justify-content: center;
}
.justify-content-end[data-v-6353065d] {
  justify-content: end;
}
.align-items-center[data-v-6353065d] {
  align-items: center;
}
.btn-action[data-v-6353065d] {
  display: flex;
  align-items: center;
  border-radius: 10px;
  padding: 0;
}
.ml-1[data-v-6353065d] {
  margin-left: 10px;
}
.page-text[data-v-6353065d] {
  margin-right: 15px;
  font-size: 20px;
}
.input-page[data-v-6353065d] {
  width: 5%;
  padding: 0;
  margin: 0 20px;
  text-align: center;
  color: #ccc;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmLeavePlugin/pages/LeaveRequest.vue?vue&type=style&index=0&id=29c3e094&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-bottom-container[data-v-29c3e094] {
  align-items: center;
  justify-content: space-between;
}
.orangehrm-request-details-text[data-v-29c3e094] {
  font-size: 12px;
}
[data-v-29c3e094] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-29c3e094] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmLeavePlugin/pages/reports/leave-entitlement-report.scss?vue&type=style&index=0&id=447d37d6&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-447d37d6] .--grouped-field {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 800px) {
[data-v-447d37d6] .--grouped-field {
    flex-wrap: nowrap;
}
}
.orangehrm-leave-filter[data-v-447d37d6] {
  display: flex;
  align-items: center;
  white-space: nowrap;
}
.orangehrm-leave-filter-text[data-v-447d37d6] {
  font-size: 12px;
  margin-right: 1rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmLeavePlugin/pages/leaveGroup/SaveLeaveGroup.vue?vue&type=style&index=0&id=43e31f80&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-43e31f80] {
  max-width: 348px !important;
}
.level-label[data-v-43e31f80] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-43e31f80] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmLeavePlugin/pages/leaveGroup/leave-group.scss?vue&type=style&index=1&id=43e31f80&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-43e31f80] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-43e31f80] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-43e31f80] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-43e31f80] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-43e31f80] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-43e31f80] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-43e31f80]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-43e31f80]:focus {
  background: var(--acsent, #72b521);
}
.flex-row[data-v-43e31f80] {
  flex-direction: row;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmLeavePlugin/pages/leaveGroup/EditLeaveGroup.vue?vue&type=style&index=0&id=4559514d&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-4559514d] {
  max-width: 348px !important;
}
.level-label[data-v-4559514d] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-4559514d] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmLeavePlugin/pages/leaveGroup/leave-group.scss?vue&type=style&index=1&id=4559514d&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-4559514d] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-4559514d] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-4559514d] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-4559514d] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-4559514d] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-4559514d] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-4559514d]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-4559514d]:focus {
  background: var(--acsent, #72b521);
}
.flex-row[data-v-4559514d] {
  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]!./node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/orangehrmLeavePlugin/pages/leaveGroup/LeaveGroup.vue?vue&type=style&index=0&id=1b202bba&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-1b202bba] {
  padding: 24px 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]!./src/orangehrmLeavePlugin/pages/leaveGroup/leave-group.scss?vue&type=style&index=1&id=1b202bba&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-1b202bba] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-1b202bba] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-1b202bba] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-1b202bba] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-1b202bba] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-1b202bba] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-1b202bba]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-1b202bba]:focus {
  background: var(--acsent, #72b521);
}
.flex-row[data-v-1b202bba] {
  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]!./src/orangehrmCoreOAuthPlugin/pages/registerOAuthClient/oauth-client.scss?vue&type=style&index=0&id=2dbe862c&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-field-row[data-v-2dbe862c] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-field-label[data-v-2dbe862c] {
  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]!./src/orangehrmAuthenticationPlugin/components/login-layout.scss?vue&type=style&index=0&id=7f780453&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-layout[data-v-7f780453] {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-width: 0px) {
.orangehrm-login-layout[data-v-7f780453] {
    background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
}
@media (min-width: 800px) {
.orangehrm-login-layout[data-v-7f780453] {
    background-color: var(--oxd-primary-one-color);
}
}
.orangehrm-login-layout-blob[data-v-7f780453] {
  height: inherit;
  width: inherit;
  display: flex;
  position: relative;
  align-items: center;
  min-height: 100vh;
}
@media screen and (max-width: 799px) {
.orangehrm-login-layout-blob[data-v-7f780453]::before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    -webkit-mask: url(/web/dist/img/blob-m.svg);
            mask: url(/web/dist/img/blob-m.svg);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: var(--oxd-primary-one-color);
}
}
@media (min-width: 800px) {
.orangehrm-login-layout-blob[data-v-7f780453] {
    background-image: url(/web/dist/img/blob.svg);
    background-repeat: no-repeat;
    background-size: 80% 100%;
}
}
.orangehrm-login-container[data-v-7f780453] {
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-login-container[data-v-7f780453] {
    width: 80%;
}
}
.orangehrm-login-logo[data-v-7f780453] {
  position: absolute;
  right: 15%;
  padding: 1rem;
  background-color: var(--oxd-background-pastel-white-color, #f6f5fb);
  border-radius: 100%;
  display: none;
}
.orangehrm-login-logo img[data-v-7f780453] {
  width: 10rem;
}
@media (min-width: 800px) {
.orangehrm-login-logo[data-v-7f780453] {
    display: block;
}
}
.orangehrm-login-slot-wrapper[data-v-7f780453] {
  padding: 1rem 2rem;
  width: inherit;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper[data-v-7f780453] {
    padding: 1rem 10rem;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-7f780453] {
  padding: 1rem;
  background-color: var(--oxd-background-pastel-white-color, #f6f5fb);
  border-radius: 100%;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 1rem;
  display: block;
}
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile img[data-v-7f780453] {
  width: 5rem;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-7f780453] {
    display: none;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-slot[data-v-7f780453] {
  background-color: var(--oxd-white-color, #ffffff);
  padding: 2rem 0;
  border-radius: 1rem;
  margin: 0 auto;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper .orangehrm-login-slot[data-v-7f780453] {
    background-color: transparent;
    padding: unset;
}
}
.orangehrm-login-branding[data-v-7f780453] {
  padding: 1.5rem 1rem;
  background-color: var(--oxd-white-color, #ffffff);
  border-radius: 1rem;
  text-align: center;
  box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.08);
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-login-branding img[data-v-7f780453] {
  width: 100%;
  max-width: 275px;
  height: auto;
  max-height: 65px;
}
@media (min-width: 800px) {
.orangehrm-login-branding[data-v-7f780453] {
    width: 80%;
    max-width: 520px;
}
}
.orangehrm-login-social[data-v-7f780453] {
  padding: 1rem 0;
}
.orangehrm-login-social-text[data-v-7f780453] {
  text-align: center;
  margin-bottom: 1rem;
}
.orangehrm-login-social-icons[data-v-7f780453] {
  display: flex;
  justify-content: center;
}
.orangehrm-login-social-icons .--loginwith[data-v-7f780453] {
  margin: 0 0.25rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmCoreOAuthPlugin/pages/oauth/oauth-authorize.scss?vue&type=style&index=0&id=eea42fb6&scoped=true&lang=scss&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-eea42fb6] {
  box-shadow: 3px 3px 10px var(--oxd-interface-gray-color, #929baa);
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-eea42fb6] {
    width: 100%;
}
}
.orangehrm-oauth-container[data-v-eea42fb6] {
  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-eea42fb6] {
    margin: 0 auto;
    max-width: 450px;
}
}
.orangehrm-oauth-branding[data-v-eea42fb6] {
  box-shadow: none;
}
.orangehrm-oauth-list[data-v-eea42fb6] {
  padding-left: 1rem;
}
.orangehrm-oauth-list li[data-v-eea42fb6] {
  padding-bottom: 10px;
}
.orangehrm-oauth-button[data-v-eea42fb6] {
  flex: 1;
}
.orangehrm-oauth-button[data-v-eea42fb6]:nth-child(2) {
  margin-top: 0.5rem;
}
@media (min-width: 800px) {
.orangehrm-oauth-button[data-v-eea42fb6]:nth-child(2) {
    margin: 0;
    margin-left: 0.5rem;
}
}
.orangehrm-oauth-button-container[data-v-eea42fb6] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-oauth-button-container[data-v-eea42fb6] {
    flex-direction: row;
}
}
.orangehrm-oauth-error[data-v-eea42fb6] {
  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]!./src/orangehrmAttendancePlugin/components/record-attendance.scss?vue&type=style&index=0&id=230a4068&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-attendance-punchedIn-timezone[data-v-230a4068] {
  color: var(--oxd-interface-gray-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]!./src/orangehrmAttendancePlugin/pages/edit-attendance.scss?vue&type=style&index=0&id=b97f8b16&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-text--subtitle-2[data-v-b97f8b16] {
  font-weight: 600;
}
.no-gap[data-v-b97f8b16] {
  grid-gap: unset;
}
.orangehrm-header[data-v-b97f8b16] {
  display: flex;
}
.orangehrm-header-total[data-v-b97f8b16] {
  margin-left: auto;
}
.orangehrm-punch-out-record[data-v-b97f8b16] {
  padding-top: 0.5rem;
  box-sizing: border-box;
  border-top: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
@media (min-width: 800px) {
.orangehrm-punch-out-record[data-v-b97f8b16] {
    border: unset;
    padding-top: unset;
    border-left: 1px solid var(--oxd-interface-gray-lighten-2-color, #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]!./src/orangehrmAttendancePlugin/components/RecordCell.vue?vue&type=style&index=0&id=7c735605&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-card-cell[data-v-7c735605] {
  display: block;
}
.oxd-table-card-cell .header[data-v-7c735605] {
  font-weight: 700;
}
.oxd-table-card-cell .timezone[data-v-7c735605] {
  color: var(--oxd-interface-gray-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]!./src/orangehrmAttendancePlugin/pages/view-my-attendance.scss?vue&type=style&index=0&id=2e5660dc&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-total[data-v-2e5660dc] {
  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/orangehrmAttendancePlugin/pages/AttendanceConfiguration.vue?vue&type=style&index=0&id=049e0b1b&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-attendance-field-row[data-v-049e0b1b] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 0.5rem 0.75rem;
}
.orangehrm-attendance-field-label[data-v-049e0b1b] {
  box-sizing: border-box;
  font-family: "Nunito Sans", 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]!./src/orangehrmAttendancePlugin/pages/ViewEmployeeAttendanceSummary.vue?vue&type=style&index=0&id=c98a3050&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-c98a3050] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-c98a3050] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmMaintenancePlugin/components/SelectedEmployee.vue?vue&type=style&index=0&id=6e1c455d&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-selected-employee[data-v-6e1c455d] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-selected-employee[data-v-6e1c455d] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-selected-employee[data-v-6e1c455d] {
    flex-direction: row;
}
}
.orangehrm-selected-employee-content[data-v-6e1c455d] {
  flex: 1;
}
.orangehrm-selected-employee-image-wrapper[data-v-6e1c455d] {
  padding-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-selected-employee-image-wrapper[data-v-6e1c455d] {
    padding-top: 1.2rem;
    padding-left: 2rem;
    padding-right: 2rem;
}
}
@media (min-width: 1000px) {
.orangehrm-selected-employee-image-wrapper[data-v-6e1c455d] {
    padding-left: 5rem;
    padding-right: 5rem;
}
}
@media (min-width: 1200px) {
.orangehrm-selected-employee-image-wrapper[data-v-6e1c455d] {
    padding-left: 7rem;
    padding-right: 7rem;
}
}
.orangehrm-selected-employee-image[data-v-6e1c455d] {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
  border: 0.5rem solid var(--oxd-background-pastel-white-color, #f6f5fb);
  box-shadow: 1px 1px 18px 11px hsla(238, 13%, 76%, 0.24);
}
.orangehrm-selected-employee-imagesection[data-v-6e1c455d] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-selected-employee-imagesection[data-v-6e1c455d] {
    flex-direction: row-reverse;
    justify-content: center;
}
}
@media (min-width: 800px) {
.orangehrm-selected-employee-imagesection[data-v-6e1c455d] {
    flex-direction: column;
    justify-content: center;
}
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* 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]!./src/orangehrmMaintenancePlugin/components/MaintenanceNote.vue?vue&type=style&index=0&id=57dfb53e&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-maintenance-note[data-v-57dfb53e] {
  display: flex;
  flex-direction: column;
  overflow-wrap: break-word;
  padding: 1.2rem;
  border-radius: 1.2rem;
  color: #64728c;
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  font-size: 12px;
}
.orangehrm-maintenance-note-header[data-v-57dfb53e] {
  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]!./src/orangehrmMaintenancePlugin/components/SelectedCandidates.vue?vue&type=style&index=0&id=b82a2182&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-paper-container[data-v-b82a2182] {
  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/orangehrmRecruitmentPlugin/pages/vacancy.scss?vue&type=style&index=0&id=5dfa7e3a&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.user-form-header[data-v-5dfa7e3a] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-5dfa7e3a] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-5dfa7e3a] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-5dfa7e3a] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-5dfa7e3a] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-5dfa7e3a] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-5dfa7e3a] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-5dfa7e3a] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-5dfa7e3a] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-5dfa7e3a] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-5dfa7e3a] {
  grid-column: span 2;
}
.orangehrm-text[data-v-5dfa7e3a] {
  font-size: 12px;
  font-weight: 600;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.orangehrm-text-label[data-v-5dfa7e3a] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-5dfa7e3a] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-5dfa7e3a] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-5dfa7e3a] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--oxd-interface-gray-lighten-2-color, #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]!./src/orangehrmRecruitmentPlugin/components/VacancyLinkCard.vue?vue&type=style&index=0&id=daba02d0&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-label-link-wrapper[data-v-daba02d0] {
  display: flex;
  flex-wrap: wrap;
}
.orangehrm-label-link-wrapper[data-v-daba02d0]:first-of-type {
  margin-bottom: 0.25rem;
}
.orangehrm-text-label[data-v-daba02d0] {
  font-size: 12px;
  font-weight: 600;
  padding-right: 0.2rem;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.orangehrm-vacancy-link[data-v-daba02d0] {
  font-size: 12px;
  font-weight: 600;
  margin-left: 1rem;
  text-decoration: none;
  word-break: break-all;
  font-family: "Nunito Sans", sans-serif;
  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]!./src/orangehrmRecruitmentPlugin/pages/vacancy.scss?vue&type=style&index=0&id=6f04c618&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.user-form-header[data-v-6f04c618] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-6f04c618] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-6f04c618] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-6f04c618] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-6f04c618] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-6f04c618] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-6f04c618] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-6f04c618] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-6f04c618] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-6f04c618] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-6f04c618] {
  grid-column: span 2;
}
.orangehrm-text[data-v-6f04c618] {
  font-size: 12px;
  font-weight: 600;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.orangehrm-text-label[data-v-6f04c618] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-6f04c618] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-6f04c618] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-6f04c618] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--oxd-interface-gray-lighten-2-color, #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]!./src/orangehrmRecruitmentPlugin/pages/vacancy.scss?vue&type=style&index=0&id=35ae5cdf&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.user-form-header[data-v-35ae5cdf] {
  display: flex;
  padding: 1rem;
}
.user-form-header-text[data-v-35ae5cdf] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
.orangehrm-vacancy-list[data-v-35ae5cdf] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-vacancy-list[data-v-35ae5cdf] .card-header-slot .oxd-table-card-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-vacancy-list[data-v-35ae5cdf] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-vacancy-list[data-v-35ae5cdf] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
  flex: 2;
}
.orangehrm-vacancy-list[data-v-35ae5cdf] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangerhrm-switch-wrapper[data-v-35ae5cdf] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
@media (min-width: 600px) {
.orangerhrm-switch-wrapper[data-v-35ae5cdf] {
    max-width: 50%;
}
}
@media (min-width: 800px) {
.orangerhrm-switch-wrapper[data-v-35ae5cdf] {
    max-width: 100%;
}
}
.orangehrm-grid-item-span-2[data-v-35ae5cdf] {
  grid-column: span 2;
}
.orangehrm-text[data-v-35ae5cdf] {
  font-size: 12px;
  font-weight: 600;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.orangehrm-text-label[data-v-35ae5cdf] {
  flex: 1;
  padding-right: 0.2rem;
}
.orangehrm-attachment-header[data-v-35ae5cdf] {
  justify-content: flex-start;
}
.orangehrm-attachment-header__title[data-v-35ae5cdf] {
  margin-right: 1rem;
}
.orangehrm-vacancy-links[data-v-35ae5cdf] {
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--oxd-interface-gray-lighten-2-color, #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]!./src/orangehrmRecruitmentPlugin/components/InterviewerAutocomplete.vue?vue&type=style&index=0&id=2f4a5c49&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-recruitment-interviewer-input[data-v-2f4a5c49] {
  display: flex;
  align-items: flex-start;
}
.orangehrm-recruitment-interviewer-input[data-v-2f4a5c49] .oxd-input-group__label-wrapper:empty {
  display: none;
}
.orangehrm-recruitment-delete-icon[data-v-2f4a5c49] {
  margin-left: 1rem;
  margin-top: 1rem;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmRecruitmentPlugin/pages/SaveCandidate.vue?vue&type=style&index=0&id=f8c2fcc2&scoped=true&lang=scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-save-candidate-page-full-width[data-v-f8c2fcc2] {
  grid-column: 1/span 2;
}
.orangehrm-save-candidate-page-grid-checkbox .oxd-input-group[data-v-f8c2fcc2] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmRecruitmentPlugin/components/CandidateAutocomplete.vue?vue&type=style&index=0&id=0fa9589e&scoped=true&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.past-employee-tag[data-v-0fa9589e] {
  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/orangehrmRecruitmentPlugin/components/RecruitmentStatus.vue?vue&type=style&index=0&id=73067c41&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-recruitment[data-v-73067c41] {
  display: flex;
  justify-content: space-between;
}
.orangehrm-recruitment-actions[data-v-73067c41] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  max-width: 120px;
  margin-left: 60px;
  justify-content: flex-end;
}
.orangehrm-recruitment-actions[data-v-73067c41] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-recruitment-actions[data-v-73067c41] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-recruitment-actions[data-v-73067c41] .oxd-button--medium {
    width: unset;
}
}
[data-v-73067c41] .oxd-input-group {
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
[data-v-73067c41] .oxd-input-group {
    margin-bottom: 0;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmRecruitmentPlugin/components/CandidateProfile.vue?vue&type=style&index=0&id=5a8e0a3a&scoped=true&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-header-container[data-v-5a8e0a3a] {
  padding: 0;
}
.orangehrm-candidate-grid-checkbox .oxd-input-group[data-v-5a8e0a3a] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmRecruitmentPlugin/components/HistoryTable.vue?vue&type=style&index=0&id=e5da8752&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-e5da8752] {
  padding: 1.2rem 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/orangehrmRecruitmentPlugin/components/SuccessDialog.vue?vue&type=style&index=0&id=7627bc84&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-7627bc84] {
  margin-bottom: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-modal-footer[data-v-7627bc84] {
  margin-top: 1.2rem;
  display: flex;
  justify-content: center;
}
.orangehrm-button-margin[data-v-7627bc84] {
  margin: 0.25rem;
}
.orangehrm-text-center-align[data-v-7627bc84] {
  text-align: center;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmRecruitmentPlugin/pages/public-job-vacancy.scss?vue&type=style&index=0&id=98b9ec36&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-background-container[data-v-98b9ec36] {
  height: 80%;
}
.orangehrm-vacancy-description[data-v-98b9ec36] {
  font-size: 12px;
  font-weight: 700;
}
.orangehrm-applicant-card-pre-tag[data-v-98b9ec36] {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: "Nunito Sans", sans-serif;
}
.orangehrm-applicant-card-footer[data-v-98b9ec36] {
  display: flex;
  justify-content: left;
}
.orangehrm-applicant-card-anchor-tag[data-v-98b9ec36] {
  cursor: pointer;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-applicant-container[data-v-98b9ec36] {
  width: 100%;
  display: block;
}
.orangehrm-applicant-container-row[data-v-98b9ec36] {
  width: inherit;
}
.orangehrm-applicant-container-colspan-2[data-v-98b9ec36] {
  grid-column: 1/span 2;
}
.orangehrm-applicant-container-grid-checkbox .oxd-input-group[data-v-98b9ec36] {
  flex-direction: row-reverse;
  justify-content: flex-end;
}
.orangehrm-container[data-v-98b9ec36] {
  height: 100%;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
  overflow: auto;
  position: relative;
  margin: 0;
}
.orangehrm-container[data-v-98b9ec36]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-98b9ec36]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-98b9ec36]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-98b9ec36] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-98b9ec36] {
  margin: 0 auto;
  background-color: var(--oxd-white-color, #ffffff);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
}
.orangehrm-container-img[data-v-98b9ec36] {
  height: 40px;
}
.orangehrm-card-container[data-v-98b9ec36] {
  width: 80%;
  margin: 1rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-card-container-header[data-v-98b9ec36] {
  display: flex;
  justify-content: space-between;
  flex-direction: column-reverse;
}
@media (min-width: 800px) {
.orangehrm-card-container-header[data-v-98b9ec36] {
    flex-direction: row;
}
}
.orangehrm-card-container-header .orangehrm-main-title[data-v-98b9ec36] {
  word-break: break-word;
}
@media (min-width: 800px) {
.orangehrm-card-container-header .orangehrm-main-title[data-v-98b9ec36] {
    align-self: center;
}
}
.orangehrm-paper-container[data-v-98b9ec36] {
  width: 80%;
  background: unset;
  margin: 0rem auto;
  padding: 0.75rem 1.5rem;
}
.orangehrm-vacancy-card[data-v-98b9ec36] {
  display: block;
}
.orangehrm-vacancy-card-header[data-v-98b9ec36] {
  display: flex;
  align-items: center;
  word-break: break-word;
  justify-content: space-between;
}
.orangehrm-vacancy-card-header button[data-v-98b9ec36] {
  flex-shrink: 0;
}
.orangehrm-vacancy-card-anchor-tag[data-v-98b9ec36] {
  cursor: pointer;
  font-weight: 600;
  padding-top: 0.5rem;
  color: var(--oxd-primary-one-color);
  font-size: 12px;
}
.orangehrm-vacancy-card-body[data-v-98b9ec36] {
  position: relative;
  overflow: hidden;
  max-height: 60px;
  line-height: 15px;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-98b9ec36]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 15px;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 4) {
.orangehrm-vacancy-card-body[data-v-98b9ec36] {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-98b9ec36]:after {
    display: none;
}
}
@media (min-width: 800px) {
.orangehrm-vacancy-card-body[data-v-98b9ec36] {
    position: relative;
    overflow: hidden;
    max-height: 30px;
    line-height: 15px;
    justify-content: space-between;
    word-break: break-all;
}
.orangehrm-vacancy-card-body[data-v-98b9ec36]:after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: inherit;
    height: 15px;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-vacancy-card-body[data-v-98b9ec36] {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;
}
.orangehrm-vacancy-card-body[data-v-98b9ec36]:after {
      display: none;
}
}
}
.orangehrm-vacancy-card-pre-tag[data-v-98b9ec36] {
  margin-top: 0;
  font-family: "Nunito Sans", sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.orangehrm-vacancy-card-footer[data-v-98b9ec36] {
  display: flex;
  justify-content: left;
}
.orangehrm-vacancy-list-poweredby[data-v-98b9ec36] {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.oxd-brand-banner[data-v-98b9ec36] {
  flex: 1;
  height: 32px;
  margin-bottom: 8px;
}
@media (min-width: 800px) {
.oxd-brand-banner[data-v-98b9ec36] {
    flex: 0;
    margin-bottom: 0;
}
}
.orangehrm-container[data-v-98b9ec36] {
  padding: 0;
  height: 72vh;
}
@media (min-width: 800px) {
.orangehrm-container[data-v-98b9ec36] {
    height: 75vh;
}
}
@media screen and (min-width: 1536px) {
.orangehrm-container[data-v-98b9ec36] {
    height: 85vh;
}
}
@media screen and (min-width: 2560px) {
.orangehrm-container[data-v-98b9ec36] {
    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]!./src/orangehrmRecruitmentPlugin/pages/ViewInterviewAttachments.vue?vue&type=style&index=0&id=563f83aa&scoped=true&lang=scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-attachment[data-v-563f83aa] {
  border-radius: 1.2rem;
  background-color: var(--oxd-white-color, #ffffff);
}
.orangehrm-attachment-header[data-v-563f83aa] {
  display: flex;
  overflow-wrap: break-word;
  align-items: center;
  padding: 25px;
}
.orangehrm-attachment-header button[data-v-563f83aa] {
  margin-left: 1rem;
  white-space: nowrap;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmRecruitmentPlugin/pages/LayoutCandidatesProfile.vue?vue&type=style&index=0&id=47f31cf0&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-47f31cf0] {
  padding: unset;
}
.qtasnim-tabs[data-v-47f31cf0] {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  overflow-x: auto;
  padding-top: 25px;
  padding-right: 25px;
  padding-left: 25px;
  cursor: pointer;
}
.qtasnim-tabs-wrapper[data-v-47f31cf0] {
  background-color: #f6f5fb;
  color: var(--oxd-interface-gray-color, #929baa);
  margin: 2px;
  border-radius: 12px;
  width: 100%;
  text-align: center;
}
.qtasnim-tabs-wrapper[data-v-47f31cf0]:hover {
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-10-color);
  border-radius: 12px;
}
.qtasnim-tabs-wrapper.--active[data-v-47f31cf0] {
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-10-color);
  border-radius: 12px;
}
.qtasnim-tabs-wrapper.--active .qtasnim-tabs-items[data-v-47f31cf0] {
  color: var(--oxd-primary-one-color);
}
.qtasnim-tabs-items[data-v-47f31cf0] {
  height: 35px;
  line-height: 35px;
  padding: 0rem 1rem;
  border-radius: 12px;
  flex: 100%;
  text-decoration: none;
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  text-align: center;
}
.orangehrm-edit-employee[data-v-47f31cf0] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-edit-employee[data-v-47f31cf0] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee[data-v-47f31cf0] {
    flex-direction: row;
}
}
.orangehrm-edit-employee-navigation[data-v-47f31cf0] {
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-navigation[data-v-47f31cf0] {
    width: 220px;
}
}
.orangehrm-edit-employee-content[data-v-47f31cf0] {
  flex: 1;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-content[data-v-47f31cf0] {
    border-left: 1px solid #e8eaef;
}
}
.orangehrm-edit-employee-name[data-v-47f31cf0] {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  word-break: break-word;
}
.orangehrm-edit-employee-name .--strong[data-v-47f31cf0] {
  font-weight: 700;
  font-size: 1.2rem;
}
.orangehrm-edit-employee-image-wrapper[data-v-47f31cf0] {
  padding-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-image-wrapper[data-v-47f31cf0] {
    padding-top: 1.2rem;
}
}
.orangehrm-edit-employee-image[data-v-47f31cf0] {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
  border: 0.5rem solid var(--oxd-background-pastel-white-color, #f6f5fb);
  box-shadow: 1px 1px 18px 11px hsla(238, 13%, 76%, 0.24);
}
.orangehrm-edit-employee-imagesection[data-v-47f31cf0] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-edit-employee-imagesection[data-v-47f31cf0] {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee-imagesection[data-v-47f31cf0] {
    flex-direction: column;
    justify-content: center;
}
}
.orangehrm-edit-employee .active[data-v-47f31cf0] {
  display: block;
  align-items: center;
  background: var(--oxd-primary-one-color, #ff7b1d);
  border-radius: 12px;
  color: var(--oxd-primary-font-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]!./src/orangehrmRecruitmentPlugin/pages/Vacancies/SaveVacancies.vue?vue&type=style&index=0&id=52c15042&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-width {
  width: 1200px !important;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmRecruitmentPlugin/pages/InternalRecruitment/SaveVacancies.vue?vue&type=style&index=0&id=6319a165&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-width {
  width: 1200px !important;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmRecruitmentPlugin/pages/InternalRecruitment/VacanciesList.vue?vue&type=style&index=0&id=f6dbbdc0&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.width-modal-stages {
  width: 900px !important;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmRecruitmentPlugin/pages/ExternalRecruitment/SaveVacancies.vue?vue&type=style&index=0&id=c21af1d2&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-width {
  width: 1200px !important;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmRecruitmentPlugin/pages/ExternalRecruitment/VacanciesList.vue?vue&type=style&index=0&id=7f29f25c&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.width-modal-stages {
  width: 900px !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]!./src/orangehrmPerformancePlugin/pages/kpi.scss?vue&type=style&index=0&id=5928cf8a&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-module-field-row[data-v-5928cf8a] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
}
.orangehrm-module-field-label[data-v-5928cf8a] {
  box-sizing: border-box;
  font-family: "Nunito Sans", 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]!./src/orangehrmPerformancePlugin/pages/kpi.scss?vue&type=style&index=0&id=0f360ba4&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-module-field-row[data-v-0f360ba4] {
  grid-column-start: 1;
  display: flex;
  justify-content: space-between;
  padding: 2rem 0;
}
.orangehrm-module-field-label[data-v-0f360ba4] {
  box-sizing: border-box;
  font-family: "Nunito Sans", 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]!./src/orangehrmPerformancePlugin/pages/review.scss?vue&type=style&index=0&id=6b4f8906&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-button-row[data-v-6b4f8906] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-button-row[data-v-6b4f8906] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-button-row[data-v-6b4f8906] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-button-row[data-v-6b4f8906] .oxd-button--medium {
    width: unset;
}
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPerformancePlugin/pages/review.scss?vue&type=style&index=0&id=7826eaa5&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-button-row[data-v-7826eaa5] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-button-row[data-v-7826eaa5] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-button-row[data-v-7826eaa5] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-button-row[data-v-7826eaa5] .oxd-button--medium {
    width: unset;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPerformancePlugin/components/ReviewPeriodCell.vue?vue&type=style&index=0&id=65ad298c&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-table-card-cell[data-v-65ad298c] {
  display: block;
}
.oxd-table-card-cell .header[data-v-65ad298c] {
  font-weight: 700;
}
.oxd-table-card-cell .time[data-v-65ad298c] {
  white-space: nowrap;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPerformancePlugin/pages/MyReviews.vue?vue&type=style&index=0&id=7d317908&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-7d317908] .card-footer-slot .oxd-table-cell-actions {
  justify-content: flex-end;
}
[data-v-7d317908] .card-footer-slot .oxd-table-cell-actions > * {
  margin: 0 !important;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPerformancePlugin/pages/ReviewList.vue?vue&type=style&index=0&id=782a4eb9&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-782a4eb9] .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]!./src/orangehrmPerformancePlugin/pages/ReviewSearch.vue?vue&type=style&index=0&id=15abda03&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
[data-v-15abda03] .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]!./src/orangehrmPerformancePlugin/components/TrackerLogRatingButton.vue?vue&type=style&index=0&id=495840cc&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-tracker-rating-button[data-v-495840cc] {
  margin-right: 0.6rem;
  padding-right: 0.6rem;
  padding-left: 0.6rem;
}
.orangehrm-tracker-rating-icon[data-v-495840cc] {
  vertical-align: bottom;
}
.--positive[data-v-495840cc] {
  color: var(--oxd-feedback-success-color, #34bc40);
}
.--negative[data-v-495840cc] {
  color: var(--oxd-feedback-danger-color, #eb0910);
}
.--deselected[data-v-495840cc] {
  background-color: var(--oxd-white-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]!./src/orangehrmPerformancePlugin/components/tracker-log-modal.scss?vue&type=style&index=0&id=0e9262d1&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-add-tracker-log-ratings-container[data-v-0e9262d1] {
  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]!./src/orangehrmPerformancePlugin/components/tracker-log-modal.scss?vue&type=style&index=0&id=2e0015f6&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-add-tracker-log-ratings-container[data-v-2e0015f6] {
  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]!./src/orangehrmPerformancePlugin/components/tracker-log-card.scss?vue&type=style&index=0&id=5b02310a&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-tracker-log[data-v-5b02310a] {
  display: flex;
  flex-direction: row;
}
.orangehrm-employee-tracker-log img[data-v-5b02310a] {
  width: 60px;
  height: 60px;
  border-radius: 100%;
  display: flex;
  overflow: hidden;
  box-sizing: border-box;
  border: 0.1rem solid var(--oxd-background-pastel-white-color, #f6f5fb);
}
.orangehrm-employee-tracker-log-image-section[data-v-5b02310a] {
  display: flex;
}
.orangehrm-employee-tracker-log-content-section[data-v-5b02310a] {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-left: 1.2rem;
  margin-right: 1.2rem;
}
.orangehrm-employee-tracker-log-content-container[data-v-5b02310a] {
  background-color: var(--oxd-white-color, #ffffff);
  border-radius: 1.2rem;
  padding: 1.2rem;
  margin-top: 0.3rem;
  margin-bottom: 0.3rem;
}
.orangehrm-employee-tracker-log-header[data-v-5b02310a] {
  display: flex;
  justify-content: space-between;
  padding-bottom: 0.6rem;
  align-items: flex-start;
}
.orangehrm-employee-tracker-log-title[data-v-5b02310a] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker-log-title[data-v-5b02310a] {
    flex-direction: column;
}
}
@media (min-width: 600px) {
.orangehrm-employee-tracker-log-title[data-v-5b02310a] {
    flex-direction: row;
    padding-right: 2.4rem;
}
}
.orangehrm-employee-tracker-log-title-text[data-v-5b02310a] {
  font-weight: 700;
  font-size: 21px;
  padding-right: 0.6rem;
}
.orangehrm-employee-tracker-log-title-icon[data-v-5b02310a] {
  min-width: 21px;
  min-height: 21px;
}
.orangehrm-employee-tracker-log-title-icon.--positive[data-v-5b02310a] {
  color: var(--oxd-feedback-success-color, #34bc40);
}
.orangehrm-employee-tracker-log-title-icon.--negative[data-v-5b02310a] {
  color: var(--oxd-feedback-danger-color, #eb0910);
}
.orangehrm-employee-tracker-log-body-text[data-v-5b02310a] {
  font-size: 12px;
}
.orangehrm-employee-tracker-log-reviewer[data-v-5b02310a] {
  display: flex;
}
.orangehrm-employee-tracker-log-reviewer-name[data-v-5b02310a] {
  font-weight: 700;
  margin-left: 1.2rem;
  font-size: 14px;
}
.orangehrm-employee-tracker-log-reviewer-date[data-v-5b02310a] {
  display: flex;
  flex-direction: column;
  margin-top: 0.3rem;
  margin-left: 1.2rem;
  font-size: 12px;
}
.orangehrm-employee-tracker-log-reviewer-date-container[data-v-5b02310a] {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.orangehrm-employee-tracker-log-reviewer-date-icon[data-v-5b02310a] {
  margin-right: 0.3rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPerformancePlugin/pages/employee-tracker-log.scss?vue&type=style&index=0&id=72917e34&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-72917e34] {
  overflow: auto;
  max-height: 400px;
  min-height: 400px;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-72917e34]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-72917e34]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-72917e34]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-72917e34] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-72917e34] {
  margin: 0 auto;
  background-color: var(--oxd-white-color, #ffffff);
}
.orangehrm-scroll-card[data-v-72917e34] {
  padding: 0.5rem 1rem;
  margin-bottom: 0.5rem;
}
.orangehrm-scroll-card-header[data-v-72917e34] {
  display: flex;
  justify-content: space-between;
}
.orangehrm-employee-tracker[data-v-72917e34] {
  display: flex;
  overflow: hidden;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker[data-v-72917e34] {
    flex-direction: column;
}
}
@media (min-width: 600px) {
.orangehrm-employee-tracker[data-v-72917e34] {
    flex-direction: row;
}
}
.orangehrm-employee-tracker-image-wrapper[data-v-72917e34] {
  padding: 0.6rem 1.2rem;
}
.orangehrm-employee-tracker img[data-v-72917e34] {
  width: 90px;
  height: 90px;
  border-radius: 100%;
  display: flex;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
  border: 0.5rem solid var(--oxd-background-pastel-white-color, #f6f5fb);
}
.orangehrm-employee-tracker-image-section[data-v-72917e34] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker-image-section[data-v-72917e34] {
    flex-direction: row-reverse;
    justify-content: center;
}
}
@media (min-width: 800px) {
.orangehrm-employee-tracker-image-section[data-v-72917e34] {
    flex-direction: column;
    justify-content: center;
}
}
.orangehrm-employee-tracker-header-section[data-v-72917e34] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-tracker-header-section[data-v-72917e34] {
    flex-direction: column;
    align-items: center;
    text-align: center;
}
}
@media (min-width: 600px) {
.orangehrm-employee-tracker-header-section[data-v-72917e34] {
    flex-direction: row;
    align-items: flex-start;
    text-align: start;
}
}
.orangehrm-employee-tracker-header[data-v-72917e34] {
  display: flex;
  flex-direction: column;
  padding-left: 1.2rem;
  padding-right: 0.6rem;
  padding-top: 1.2rem;
}
.orangehrm-employee-tracker-header-title[data-v-72917e34] {
  font-weight: 700;
  font-size: 21px;
}
.orangehrm-employee-tracker-header-subtitle[data-v-72917e34] {
  font-weight: 700;
  color: var(--oxd-interface-gray-color, #929baa);
}
.orangehrm-employee-tracker-ratings[data-v-72917e34] {
  display: flex;
  padding-top: 1.2rem;
}
.orangehrm-employee-tracker-ratings-info[data-v-72917e34] {
  display: flex;
  flex-direction: row;
  padding-left: 0.6rem;
  padding-right: 0.6rem;
  text-align: center;
}
.orangehrm-employee-tracker-ratings-icon[data-v-72917e34] {
  padding-right: 0.6rem;
  min-width: 21px;
  min-height: 21px;
}
.orangehrm-employee-tracker-ratings-text[data-v-72917e34] {
  font-size: 21px;
}
.orangehrm-employee-tracker-list-header[data-v-72917e34] {
  font-size: 16px;
  font-weight: 800;
}
.orangehrm-employee-tracker-no-records[data-v-72917e34] {
  display: flex;
  min-height: inherit;
  justify-content: center;
  align-items: center;
}
.--positive[data-v-72917e34] {
  color: var(--oxd-feedback-success-color, #34bc40);
}
.--negative[data-v-72917e34] {
  color: var(--oxd-feedback-danger-color, #eb0910);
}
.orangehrm-paper-container[data-v-72917e34] {
  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]!./src/orangehrmPerformancePlugin/components/review-summary.scss?vue&type=style&index=0&id=7af2772d&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-performance-review-title[data-v-7af2772d] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-bold[data-v-7af2772d] {
  font-weight: 700;
}
.orangehrm-performance-review-rating[data-v-7af2772d] {
  display: flex;
  flex-direction: column;
}
.orangehrm-performance-review-rating-number[data-v-7af2772d] {
  font-weight: 700;
  color: var(--oxd-primary-one-color);
}
.orangehrm-performance-review-owner[data-v-7af2772d] {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-top: 1.2rem;
  margin-bottom: 1.2rem;
}
.orangehrm-performance-review-owner img[data-v-7af2772d] {
  width: 75px;
  height: 75px;
  border-radius: 100%;
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
}
.orangehrm-performance-review-owner-employee-section[data-v-7af2772d] {
  display: flex;
}
.orangehrm-performance-review-owner-employee[data-v-7af2772d] {
  display: flex;
  flex-direction: column;
  padding-left: 1.2rem;
}
.orangehrm-performance-review-owner-employee-name[data-v-7af2772d], .orangehrm-performance-review-owner-employee-job[data-v-7af2772d] {
  font-weight: 700;
  font-size: 18px;
  word-break: break-word;
}
.orangehrm-performance-review-owner-employee-job[data-v-7af2772d] {
  color: var(--oxd-interface-gray-color, #929baa);
}
.orangehrm-performance-review-final-rating[data-v-7af2772d] {
  align-self: center;
}
.orangehrm-performance-review-column[data-v-7af2772d] {
  margin-bottom: 0.5rem;
}
.orangehrm-performance-review-details[data-v-7af2772d] {
  display: flex;
}
.orangehrm-performance-review-details-grid[data-v-7af2772d] {
  width: 100%;
  align-items: center;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPerformancePlugin/components/final-evaluation.scss?vue&type=style&index=0&id=891488de&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
@media (min-width: 800px) {
.orangehrm-performance-review-grid[data-v-891488de] {
    grid-template-columns: 33.3333333333% 110px 1fr 0.5fr;
}
}
.orangehrm-performance-review-grid[data-v-891488de] .oxd-textarea {
  min-height: unset;
}
.orangehrm-performance-review-title[data-v-891488de] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-bold[data-v-891488de] {
  font-weight: 700;
}
.orangehrm-performance-review-read[data-v-891488de] {
  margin-top: 0.3rem;
  margin-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-performance-review-read[data-v-891488de] {
    margin-top: 1.2rem;
    margin-bottom: 0;
}
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPerformancePlugin/components/evaluation-form.scss?vue&type=style&index=0&id=5268c331&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-evaluation-header[data-v-5268c331] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-evaluation-header-grid[data-v-5268c331] {
  width: 100%;
}
.orangehrm-evaluation-title[data-v-5268c331] {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.orangehrm-evaluation-title-profile-image[data-v-5268c331] {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  display: flex;
  flex-shrink: 0;
  justify-content: center;
  box-sizing: border-box;
}
.orangehrm-evaluation-title-name[data-v-5268c331] {
  margin-left: 1rem;
  word-break: break-word;
}
.orangehrm-evaluation-grid[data-v-5268c331] {
  padding-top: 0.5rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid[data-v-5268c331] {
    grid-template-columns: 33.3333333333% 110px 1fr 0.5fr;
}
}
.orangehrm-evaluation-grid-header[data-v-5268c331] {
  display: none;
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-header[data-v-5268c331] {
    display: block;
}
}
.orangehrm-evaluation-grid-kpi[data-v-5268c331] {
  margin-bottom: 1rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-kpi-header[data-v-5268c331] {
    display: none;
}
}
.orangehrm-evaluation-grid-kpi-label[data-v-5268c331] {
  font-weight: 700;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-kpi-label[data-v-5268c331] {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
}
.orangehrm-evaluation-grid-kpi-minmax[data-v-5268c331] {
  font-size: 0.75rem;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-general[data-v-5268c331] {
    display: flex;
    align-items: center;
}
}
.orangehrm-evaluation-grid-general-label[data-v-5268c331] {
  font-weight: 700;
}
.orangehrm-evaluation-grid-spacer[data-v-5268c331] {
  padding: 0.5rem 0;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-spacer[data-v-5268c331] {
    display: none;
}
}
.orangehrm-evaluation-grid-spacer-md[data-v-5268c331] {
  display: none;
}
@media (min-width: 800px) {
.orangehrm-evaluation-grid-spacer-md[data-v-5268c331] {
    display: block;
}
}
.orangehrm-evaluation-grid[data-v-5268c331] .oxd-textarea {
  min-height: unset;
  height: 58px;
}
.orangehrm-evaluation-grid[data-v-5268c331] .oxd-input {
  text-align: center;
  font-size: 1.2rem;
  height: 58px;
}
.orangehrm-evaluation .orangehrm-main-title[data-v-5268c331] {
  margin-bottom: 0.75rem;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmPerformancePlugin/components/ReviewConfirmModal.vue?vue&type=style&index=0&id=74f89d56&scoped=true&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

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

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPerformancePlugin/pages/review-evaluate.scss?vue&type=style&index=0&id=4c95dcd8&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-performance-review-title[data-v-4c95dcd8] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-actions[data-v-4c95dcd8] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-performance-review-actions[data-v-4c95dcd8] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-performance-review-actions[data-v-4c95dcd8] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-performance-review-actions[data-v-4c95dcd8] .oxd-button--medium {
    width: unset;
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPerformancePlugin/pages/review-evaluate.scss?vue&type=style&index=0&id=5b8c0bcb&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-performance-review-title[data-v-5b8c0bcb] {
  font-size: 14px;
  font-weight: 800;
}
.orangehrm-performance-review-actions[data-v-5b8c0bcb] {
  gap: 0.4rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  max-width: 120px;
  margin-left: 60px;
}
.orangehrm-performance-review-actions[data-v-5b8c0bcb] .oxd-button--medium {
  width: 100%;
}
@media (min-width: 800px) {
.orangehrm-performance-review-actions[data-v-5b8c0bcb] {
    margin-left: unset;
    max-width: unset;
}
.orangehrm-performance-review-actions[data-v-5b8c0bcb] .oxd-button--medium {
    width: unset;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmPerformancePlugin/pages/EmployeePerformanceObjectives/TabsMenu/masterKeyResult/saveKeyResult.vue?vue&type=style&index=0&id=36b104ee&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-36b104ee] {
  max-width: 348px !important;
}
.level-label[data-v-36b104ee] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-36b104ee] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmPerformancePlugin/pages/EmployeePerformanceObjectives/TabsMenu/masterKeyResult/master-qualification.scss?vue&type=style&index=1&id=36b104ee&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-36b104ee] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-36b104ee] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-36b104ee] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-36b104ee] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-36b104ee] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-36b104ee] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-36b104ee]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-36b104ee]:focus {
  background: var(--acsent, #72b521);
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmPerformancePlugin/pages/EmployeePerformanceObjectives/TabsMenu/masterKeyResult/editKeyResult.vue?vue&type=style&index=0&id=1df6e581&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-1df6e581] {
  max-width: 348px !important;
}
.level-label[data-v-1df6e581] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-1df6e581] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmPerformancePlugin/pages/EmployeePerformanceObjectives/TabsMenu/masterKeyResult/master-qualification.scss?vue&type=style&index=1&id=1df6e581&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-1df6e581] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-1df6e581] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-1df6e581] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-1df6e581] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-1df6e581] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-1df6e581] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-1df6e581]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-1df6e581]:focus {
  background: var(--acsent, #72b521);
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPerformancePlugin/pages/EmployeePerformanceObjectives/TabsMenu/masterKeyResult/viewKeyResult.vue?vue&type=style&index=0&id=1f43acc6&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-1f43acc6] {
  padding: 24px 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]!./src/orangehrmPerformancePlugin/pages/EmployeePerformanceObjectives/TabsMenu/masterKeyResult/master-qualification.scss?vue&type=style&index=1&id=1f43acc6&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-1f43acc6] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-1f43acc6] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-1f43acc6] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-1f43acc6] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-1f43acc6] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-1f43acc6] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-1f43acc6]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-1f43acc6]:focus {
  background: var(--acsent, #72b521);
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmPerformancePlugin/pages/EmployeePerformanceObjectives/TabsMenu/masterInisasiPogram/saveInisasiProgram.vue?vue&type=style&index=0&id=442fe658&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-width {
  width: 600px !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/orangehrmPerformancePlugin/pages/EmployeePerformanceObjectives/TabsMenu/masterInisasiPogram/viewInisasiProgram.vue?vue&type=style&index=0&id=50c46580&lang=scss&scoped=true ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-50c46580] {
  padding: 24px 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]!./src/orangehrmPerformancePlugin/pages/EmployeePerformanceObjectives/TabsMenu/masterInisasiPogram/master-qualification.scss?vue&type=style&index=1&id=50c46580&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-50c46580] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-50c46580] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-50c46580] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-50c46580] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-50c46580] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-50c46580] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-50c46580]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-50c46580]:focus {
  background: var(--acsent, #72b521);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmPerformancePlugin/pages/SubUnitPerformanceObjectives/TabsMenu/masterKeyResult/saveKeyResult.vue?vue&type=style&index=0&id=9e6943a4&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-9e6943a4] {
  max-width: 348px !important;
}
.level-label[data-v-9e6943a4] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-9e6943a4] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmPerformancePlugin/pages/SubUnitPerformanceObjectives/TabsMenu/masterKeyResult/master-qualification.scss?vue&type=style&index=1&id=9e6943a4&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-9e6943a4] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-9e6943a4] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-9e6943a4] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-9e6943a4] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-9e6943a4] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-9e6943a4] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-9e6943a4]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-9e6943a4]:focus {
  background: var(--acsent, #72b521);
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmPerformancePlugin/pages/SubUnitPerformanceObjectives/TabsMenu/masterKeyResult/editKeyResult.vue?vue&type=style&index=0&id=cfdd827e&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-cfdd827e] {
  max-width: 348px !important;
}
.level-label[data-v-cfdd827e] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-cfdd827e] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/orangehrmPerformancePlugin/pages/SubUnitPerformanceObjectives/TabsMenu/masterKeyResult/master-qualification.scss?vue&type=style&index=1&id=cfdd827e&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-cfdd827e] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-cfdd827e] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-cfdd827e] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-cfdd827e] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-cfdd827e] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-cfdd827e] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-cfdd827e]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-cfdd827e]:focus {
  background: var(--acsent, #72b521);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmPerformancePlugin/pages/SubUnitPerformanceObjectives/TabsMenu/masterKeyResult/viewKeyResult.vue?vue&type=style&index=0&id=cd43f3f4&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-cd43f3f4] {
  padding: 24px 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]!./src/orangehrmPerformancePlugin/pages/SubUnitPerformanceObjectives/TabsMenu/masterKeyResult/master-qualification.scss?vue&type=style&index=1&id=cd43f3f4&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-cd43f3f4] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-cd43f3f4] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-cd43f3f4] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-cd43f3f4] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-cd43f3f4] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-cd43f3f4] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-cd43f3f4]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-cd43f3f4]:focus {
  background: var(--acsent, #72b521);
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmPerformancePlugin/pages/SubUnitPerformanceObjectives/TabsMenu/masterInisasiPogram/saveInisasiProgram.vue?vue&type=style&index=0&id=2205f518&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-width {
  width: 600px !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/orangehrmPerformancePlugin/pages/SubUnitPerformanceObjectives/TabsMenu/masterInisasiPogram/viewInisasiProgram.vue?vue&type=style&index=0&id=2e9a7440&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-2e9a7440] {
  padding: 24px 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]!./src/orangehrmPerformancePlugin/pages/SubUnitPerformanceObjectives/TabsMenu/masterInisasiPogram/master-qualification.scss?vue&type=style&index=1&id=2e9a7440&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-2e9a7440] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-2e9a7440] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-2e9a7440] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-2e9a7440] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-2e9a7440] {
  max-width: 348px !important;
}
.orangeui-button-primary[data-v-2e9a7440] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-2e9a7440]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-2e9a7440]:focus {
  background: var(--acsent, #72b521);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/orangehrmPerformancePlugin/pages/KalibrasiEmployeeGPA/KalibrasiEmployeeGpaList.vue?vue&type=style&index=0&id=e323720c&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.table-container {
  font-family: 'Nunito Sans', sans-serif;
  padding-top: 50px !important;
  padding-left: 50px !important;
  padding-right: 50px !important;
  overflow-x: auto;
}
table {
  width: 100%;
  border-collapse: collapse;
}
th,
td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
  white-space: nowrap;
  color: '#64728c';
}
th {
  background-color: #f2f2f2;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmCorporateDirectoryPlugin/components/ProfilePicture.vue?vue&type=style&index=0&id=29cf9234&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-profile-picture[data-v-29cf9234] {
  display: block;
  height: 90px;
  width: 90px;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 50%;
}
.orangehrm-profile-picture img[data-v-29cf9234] {
  height: 90px;
  width: 90px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmCorporateDirectoryPlugin/components/SummaryCard.vue?vue&type=style&index=0&id=44424255&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-directory-card[data-v-44424255] {
  height: auto;
  cursor: pointer;
  overflow: hidden;
  padding: 0.5rem 1rem;
}
.orangehrm-directory-card-header[data-v-44424255] {
  font-size: 14px;
  min-height: 28px;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0.75rem;
  word-break: break-word;
}
.orangehrm-directory-card-header.--break-words[data-v-44424255] {
  position: relative;
  overflow: hidden;
  max-height: 2;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-directory-card-header.--break-words[data-v-44424255]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-directory-card-header.--break-words[data-v-44424255] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-directory-card-header.--break-words[data-v-44424255]:after {
    display: none;
}
}
.orangehrm-directory-card-subtitle[data-v-44424255] {
  font-size: 12px;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0.75rem;
  word-break: break-word;
}
.orangehrm-directory-card-subtitle.--break-words[data-v-44424255] {
  position: relative;
  overflow: hidden;
  max-height: 1;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-directory-card-subtitle.--break-words[data-v-44424255]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 1) {
.orangehrm-directory-card-subtitle.--break-words[data-v-44424255] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-directory-card-subtitle.--break-words[data-v-44424255]:after {
    display: none;
}
}
.orangehrm-directory-card-description[data-v-44424255] {
  font-size: 12px;
  text-align: left;
  word-break: break-word;
}
.orangehrm-directory-card-description.--break-words[data-v-44424255] {
  position: relative;
  overflow: hidden;
  max-height: 1;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-directory-card-description.--break-words[data-v-44424255]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 1) {
.orangehrm-directory-card-description.--break-words[data-v-44424255] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-directory-card-description.--break-words[data-v-44424255]:after {
    display: none;
}
}
.orangehrm-directory-card-description[data-v-44424255]:first-of-type {
  margin-bottom: 0.25rem;
}
.orangehrm-directory-card-body[data-v-44424255] {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  border-radius: 0.5rem;
  background-color: var(--oxd-background-white-shadow-color, #fafafc);
}
.orangehrm-directory-card-icon[data-v-44424255] {
  font-size: 24px;
  margin-right: 0.5rem;
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
@media (min-width: 800px) {
.orangehrm-directory-card[data-v-44424255] {
    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]!./src/orangehrmCorporateDirectoryPlugin/components/QRCode.vue?vue&type=style&index=0&id=344577df&scoped=true&lang=css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.orangehrm-qr-code[data-v-344577df] {
  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]!./src/orangehrmCorporateDirectoryPlugin/components/EmployeeDetails.vue?vue&type=style&index=0&id=134567b3&lang=scss&scoped=true ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-directory-card[data-v-134567b3] {
  height: auto;
  overflow: hidden;
  padding: 0.5rem 1rem;
}
@media (min-width: 800px) {
.orangehrm-directory-card[data-v-134567b3] {
    min-height: 280px;
}
}
.orangehrm-directory-card-rounded-body[data-v-134567b3] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
  margin: 1rem 8px 1rem 0;
  border-radius: 1.2rem;
  width: auto;
  height: 64px;
  box-shadow: 5px 5px 5px 5px var(--oxd-background-white-shadow-color, #fafafc);
}
.orangehrm-directory-card-hover[data-v-134567b3] {
  display: flex;
  justify-content: space-between;
  padding: 0.25rem 0.75rem;
  border-radius: 0.5rem;
  margin: auto;
}
@media (min-width: 800px) {
.orangehrm-directory-card-hover[data-v-134567b3] {
    width: auto;
}
}
.orangehrm-directory-card-hover-body[data-v-134567b3] {
  display: block;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  word-wrap: break-word;
}
.orangehrm-directory-card-hover-icon[data-v-134567b3] {
  color: var(--oxd-interface-gray-darken-1-color, #64728c);
  font-size: 14px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
}
.orangehrm-directory-card-hover[data-v-134567b3]:hover {
  background-color: var(--oxd-background-white-shadow-color, #fafafc);
}
.orangehrm-directory-card-icon[data-v-134567b3] {
  margin: 0 0.5rem 0 0;
  color: var(--oxd-interface-gray-darken-1-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]!./src/orangehrmCorporateDirectoryPlugin/pages/corporate-directory.scss?vue&type=style&index=0&id=90f2162a&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-corporate-directory[data-v-90f2162a] {
  display: block;
}
@media (min-width: 800px) {
.orangehrm-corporate-directory[data-v-90f2162a] {
    display: flex;
    justify-content: space-between;
}
}
.orangehrm-corporate-directory-sidebar[data-v-90f2162a] {
  min-width: 250px;
  max-width: 250px;
  margin-left: 1rem;
  border-radius: 1.2rem;
  background-color: var(--oxd-white-color, #ffffff);
}
.orangehrm-container[data-v-90f2162a] {
  height: 512px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-90f2162a]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-90f2162a]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-90f2162a]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-90f2162a] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-90f2162a] {
  margin: 0 auto;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-grid-item[data-v-90f2162a] {
  padding: 0.5rem 0.75rem;
}
.orangehrm-paper-container[data-v-90f2162a] {
  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]!./src/orangehrmAuthenticationPlugin/components/login-layout.scss?vue&type=style&index=0&id=4972d5fc&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-layout[data-v-4972d5fc] {
  display: table;
  width: 100%;
  height: 100%;
}
@media (min-width: 0px) {
.orangehrm-login-layout[data-v-4972d5fc] {
    background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
}
@media (min-width: 800px) {
.orangehrm-login-layout[data-v-4972d5fc] {
    background-color: var(--oxd-primary-one-color);
}
}
.orangehrm-login-layout-blob[data-v-4972d5fc] {
  height: inherit;
  width: inherit;
  display: flex;
  position: relative;
  align-items: center;
  min-height: 100vh;
}
@media screen and (max-width: 799px) {
.orangehrm-login-layout-blob[data-v-4972d5fc]::before {
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    -webkit-mask: url(/web/dist/img/blob-m.svg);
            mask: url(/web/dist/img/blob-m.svg);
    -webkit-mask-position: bottom left;
            mask-position: bottom left;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: var(--oxd-primary-one-color);
}
}
@media (min-width: 800px) {
.orangehrm-login-layout-blob[data-v-4972d5fc] {
    background-image: url(/web/dist/img/blob.svg);
    background-repeat: no-repeat;
    background-size: 80% 100%;
}
}
.orangehrm-login-container[data-v-4972d5fc] {
  z-index: 1;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-login-container[data-v-4972d5fc] {
    width: 80%;
}
}
.orangehrm-login-logo[data-v-4972d5fc] {
  position: absolute;
  right: 15%;
  padding: 1rem;
  background-color: var(--oxd-background-pastel-white-color, #f6f5fb);
  border-radius: 100%;
  display: none;
}
.orangehrm-login-logo img[data-v-4972d5fc] {
  width: 10rem;
}
@media (min-width: 800px) {
.orangehrm-login-logo[data-v-4972d5fc] {
    display: block;
}
}
.orangehrm-login-slot-wrapper[data-v-4972d5fc] {
  padding: 1rem 2rem;
  width: inherit;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper[data-v-4972d5fc] {
    padding: 1rem 10rem;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-4972d5fc] {
  padding: 1rem;
  background-color: var(--oxd-background-pastel-white-color, #f6f5fb);
  border-radius: 100%;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  margin-bottom: 1rem;
  display: block;
}
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile img[data-v-4972d5fc] {
  width: 5rem;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper .orangehrm-login-logo-mobile[data-v-4972d5fc] {
    display: none;
}
}
.orangehrm-login-slot-wrapper .orangehrm-login-slot[data-v-4972d5fc] {
  background-color: var(--oxd-white-color, #ffffff);
  padding: 2rem 0;
  border-radius: 1rem;
  margin: 0 auto;
}
@media (min-width: 800px) {
.orangehrm-login-slot-wrapper .orangehrm-login-slot[data-v-4972d5fc] {
    background-color: transparent;
    padding: unset;
}
}
.orangehrm-login-branding[data-v-4972d5fc] {
  padding: 1.5rem 1rem;
  background-color: var(--oxd-white-color, #ffffff);
  border-radius: 1rem;
  text-align: center;
  box-shadow: 0px 16px 35px 0px rgba(0, 0, 0, 0.08);
  margin: 0 auto;
  margin-bottom: 2rem;
}
.orangehrm-login-branding img[data-v-4972d5fc] {
  width: 100%;
  max-width: 275px;
  height: auto;
  max-height: 65px;
}
@media (min-width: 800px) {
.orangehrm-login-branding[data-v-4972d5fc] {
    width: 80%;
    max-width: 520px;
}
}
.orangehrm-login-social[data-v-4972d5fc] {
  padding: 1rem 0;
}
.orangehrm-login-social-text[data-v-4972d5fc] {
  text-align: center;
  margin-bottom: 1rem;
}
.orangehrm-login-social-icons[data-v-4972d5fc] {
  display: flex;
  justify-content: center;
}
.orangehrm-login-social-icons .--loginwith[data-v-4972d5fc] {
  margin: 0 0.25rem;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAuthenticationPlugin/pages/login.scss?vue&type=style&index=0&id=bdb1cc74&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-login-form[data-v-bdb1cc74] {
  margin: 0 auto;
}
@media (min-width: 0px) {
.orangehrm-login-form[data-v-bdb1cc74] {
    width: 80%;
}
}
@media (min-width: 800px) {
.orangehrm-login-form[data-v-bdb1cc74] {
    width: 60%;
    max-width: 485px;
}
}
.orangehrm-login-action[data-v-bdb1cc74] {
  margin-top: 2rem;
  justify-content: center;
}
.orangehrm-login-button[data-v-bdb1cc74] {
  flex: 1;
  padding: 1rem 0;
}
.orangehrm-login-title[data-v-bdb1cc74] {
  text-align: center;
  font-weight: 800;
  margin-bottom: 1rem;
}
.orangehrm-login-pwreset[data-v-bdb1cc74] {
  margin: 1rem 0;
  text-align: center;
  font-weight: 600;
}
.orangehrm-login-pwreset a[data-v-bdb1cc74] {
  color: var(--oxd-primary-one-color);
  text-decoration: none;
}
.orangehrm-login-forgot[data-v-bdb1cc74] {
  display: flex;
  justify-content: center;
  margin-top: 1rem;
  font-size: 14px;
}
.orangehrm-login-forgot-header[data-v-bdb1cc74] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-demo-credentials[data-v-bdb1cc74] {
  margin: 1rem 0;
}
.orangehrm-login-footer-sm[data-v-bdb1cc74] {
  display: flex;
  justify-content: center;
  align-items: center;
}
.orangehrm-login-footer-sm a[data-v-bdb1cc74] {
  width: 22px;
  height: 22px;
  margin: 0 0.25rem;
}
.orangehrm-login-footer-sm .orangehrm-sm-icon[data-v-bdb1cc74] {
  width: inherit;
  height: inherit;
  color: rgba(var(--oxd-interface-gray-color, #929baa), 0.8);
}
@media (min-width: 800px) {
.orangehrm-login-footer-sm[data-v-bdb1cc74] {
    position: absolute;
    left: 1rem;
    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]!./src/orangehrmAuthenticationPlugin/components/CardNote.vue?vue&type=style&index=0&id=1e6cd7ba&scoped=true&lang=scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-icon[data-v-1e6cd7ba] {
  font-size: 1.5rem;
  color: var(--oxd-feedback-danger-color, #eb0910);
  padding: 1rem;
}
.orangehrm-card-note[data-v-1e6cd7ba] {
  font-size: 12px;
}
.orangehrm-card-note-text[data-v-1e6cd7ba] {
  color: var(--oxd-feedback-danger-color, #eb0910);
}
.orangehrm-card-note-icon[data-v-1e6cd7ba] {
  flex-shrink: 0;
}
.orangehrm-card-note--background[data-v-1e6cd7ba] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  border-radius: 1.2rem;
  padding: 1.2rem;
}
.orangehrm-card-note--icon[data-v-1e6cd7ba] {
  display: flex;
  align-items: center;
  background-color: rgba(var(--oxd-feedback-danger-color, #eb0910), 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]!./src/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=43b8d9e7&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
/*!
 * OrangeHRM is a comprehensive Human Resource Management (HRM) System that captures
 * all the essential functionalities required for any enterprise.
 * Copyright (C) 2006 OrangeHRM Inc., http://www.orangehrm.com
 *
 * OrangeHRM is free software; you can redistribute it and/or modify it under the terms of
 * the GNU General Public License as published by the Free Software Foundation; either
 * version 2 of the License, or (at your option) any later version.
 *
 * OrangeHRM is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along with this program;
 * if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
 * Boston, MA  02110-1301, USA
 */
.orangehrm-card-container[data-v-43b8d9e7] {
  box-shadow: 3px 3px 10px var(--oxd-interface-gray-color, #929baa);
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-43b8d9e7] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-43b8d9e7] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-43b8d9e7] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-43b8d9e7] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-43b8d9e7] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-43b8d9e7] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-43b8d9e7] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-43b8d9e7] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-43b8d9e7] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-43b8d9e7] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-43b8d9e7] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-43b8d9e7] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-43b8d9e7] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-43b8d9e7] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-43b8d9e7] {
    margin-right: 0.5rem;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=5ea41f7f&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
/*!
 * OrangeHRM is a comprehensive Human Resource Management (HRM) System that captures
 * all the essential functionalities required for any enterprise.
 * Copyright (C) 2006 OrangeHRM Inc., http://www.orangehrm.com
 *
 * OrangeHRM is free software; you can redistribute it and/or modify it under the terms of
 * the GNU General Public License as published by the Free Software Foundation; either
 * version 2 of the License, or (at your option) any later version.
 *
 * OrangeHRM is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along with this program;
 * if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
 * Boston, MA  02110-1301, USA
 */
.orangehrm-card-container[data-v-5ea41f7f] {
  box-shadow: 3px 3px 10px var(--oxd-interface-gray-color, #929baa);
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-5ea41f7f] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-5ea41f7f] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-5ea41f7f] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-5ea41f7f] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-5ea41f7f] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-5ea41f7f] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-5ea41f7f] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-5ea41f7f] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-5ea41f7f] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-5ea41f7f] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-5ea41f7f] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-5ea41f7f] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-5ea41f7f] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-5ea41f7f] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-5ea41f7f] {
    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]!./src/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=50727291&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
/*!
 * OrangeHRM is a comprehensive Human Resource Management (HRM) System that captures
 * all the essential functionalities required for any enterprise.
 * Copyright (C) 2006 OrangeHRM Inc., http://www.orangehrm.com
 *
 * OrangeHRM is free software; you can redistribute it and/or modify it under the terms of
 * the GNU General Public License as published by the Free Software Foundation; either
 * version 2 of the License, or (at your option) any later version.
 *
 * OrangeHRM is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along with this program;
 * if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
 * Boston, MA  02110-1301, USA
 */
.orangehrm-card-container[data-v-50727291] {
  box-shadow: 3px 3px 10px var(--oxd-interface-gray-color, #929baa);
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-50727291] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-50727291] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-50727291] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-50727291] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-50727291] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-50727291] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-50727291] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-50727291] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-50727291] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-50727291] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-50727291] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-50727291] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-50727291] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-50727291] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-50727291] {
    margin-right: 0.5rem;
}
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAuthenticationPlugin/pages/AdministratorAccess.vue?vue&type=style&index=0&id=4a4b5fa4&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-4a4b5fa4] {
  box-shadow: 3px 3px 10px var(--oxd-interface-gray-color, #929baa);
}
.orangehrm-admin-access-container[data-v-4a4b5fa4] {
  display: flex;
  width: inherit;
  height: inherit;
  padding: 1rem 2rem;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-admin-access-container[data-v-4a4b5fa4] {
    margin: 0 auto;
    max-width: 450px;
}
}
.orangehrm-admin-access-title[data-v-4a4b5fa4] {
  font-weight: 700;
}
.orangehrm-admin-access-note-container[data-v-4a4b5fa4] {
  padding-bottom: 1.2rem;
}
.orangehrm-admin-access-button[data-v-4a4b5fa4] {
  flex: 1;
}
.orangehrm-admin-access-button[data-v-4a4b5fa4]:nth-child(2) {
  margin-top: 0.5rem;
}
@media (min-width: 800px) {
.orangehrm-admin-access-button[data-v-4a4b5fa4]:nth-child(2) {
    margin: 0;
    margin-left: 0.5rem;
}
}
.orangehrm-admin-access-button-container[data-v-4a4b5fa4] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (min-width: 800px) {
.orangehrm-admin-access-button-container[data-v-4a4b5fa4] {
    flex-direction: row;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=0ec970ee&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
/*!
 * OrangeHRM is a comprehensive Human Resource Management (HRM) System that captures
 * all the essential functionalities required for any enterprise.
 * Copyright (C) 2006 OrangeHRM Inc., http://www.orangehrm.com
 *
 * OrangeHRM is free software; you can redistribute it and/or modify it under the terms of
 * the GNU General Public License as published by the Free Software Foundation; either
 * version 2 of the License, or (at your option) any later version.
 *
 * OrangeHRM is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along with this program;
 * if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
 * Boston, MA  02110-1301, USA
 */
.orangehrm-card-container[data-v-0ec970ee] {
  box-shadow: 3px 3px 10px var(--oxd-interface-gray-color, #929baa);
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-0ec970ee] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-0ec970ee] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-0ec970ee] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-0ec970ee] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-0ec970ee] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-0ec970ee] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-0ec970ee] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-0ec970ee] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-0ec970ee] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-0ec970ee] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-0ec970ee] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-0ec970ee] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-0ec970ee] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-0ec970ee] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-0ec970ee] {
    margin-right: 0.5rem;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=3630b2cc&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
/*!
 * OrangeHRM is a comprehensive Human Resource Management (HRM) System that captures
 * all the essential functionalities required for any enterprise.
 * Copyright (C) 2006 OrangeHRM Inc., http://www.orangehrm.com
 *
 * OrangeHRM is free software; you can redistribute it and/or modify it under the terms of
 * the GNU General Public License as published by the Free Software Foundation; either
 * version 2 of the License, or (at your option) any later version.
 *
 * OrangeHRM is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along with this program;
 * if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
 * Boston, MA  02110-1301, USA
 */
.orangehrm-card-container[data-v-3630b2cc] {
  box-shadow: 3px 3px 10px var(--oxd-interface-gray-color, #929baa);
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-3630b2cc] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-3630b2cc] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-3630b2cc] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-3630b2cc] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-3630b2cc] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-3630b2cc] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-3630b2cc] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-3630b2cc] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-3630b2cc] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-3630b2cc] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-3630b2cc] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-3630b2cc] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-3630b2cc] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-3630b2cc] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-3630b2cc] {
    margin-right: 0.5rem;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAuthenticationPlugin/pages/reset-password.scss?vue&type=style&index=0&id=2d46acdf&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
/*!
 * OrangeHRM is a comprehensive Human Resource Management (HRM) System that captures
 * all the essential functionalities required for any enterprise.
 * Copyright (C) 2006 OrangeHRM Inc., http://www.orangehrm.com
 *
 * OrangeHRM is free software; you can redistribute it and/or modify it under the terms of
 * the GNU General Public License as published by the Free Software Foundation; either
 * version 2 of the License, or (at your option) any later version.
 *
 * OrangeHRM is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along with this program;
 * if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
 * Boston, MA  02110-1301, USA
 */
.orangehrm-card-container[data-v-2d46acdf] {
  box-shadow: 3px 3px 10px var(--oxd-interface-gray-color, #929baa);
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-2d46acdf] {
    width: 30vw;
}
}
.orangehrm-forgot-password-reset[data-v-2d46acdf] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-2d46acdf] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-2d46acdf] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-2d46acdf] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-2d46acdf] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-2d46acdf] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-2d46acdf] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-2d46acdf] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-2d46acdf] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-2d46acdf] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-2d46acdf] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-2d46acdf] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-2d46acdf] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-2d46acdf] {
    margin-right: 0.5rem;
}
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmAuthenticationPlugin/pages/digi-sign-info.scss?vue&type=style&index=0&id=7829e705&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
/*!
 * OrangeHRM is a comprehensive Human Resource Management (HRM) System that captures
 * all the essential functionalities required for any enterprise.
 * Copyright (C) 2006 OrangeHRM Inc., http://www.orangehrm.com
 *
 * OrangeHRM is free software; you can redistribute it and/or modify it under the terms of
 * the GNU General Public License as published by the Free Software Foundation; either
 * version 2 of the License, or (at your option) any later version.
 *
 * OrangeHRM is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY;
 * without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
 * See the GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License along with this program;
 * if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
 * Boston, MA  02110-1301, USA
 */
.orangehrm-forgot-password-container[data-v-7829e705] {
  font-family: "Nunito Sans", sans-serif;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
}
.digi-sign-title[data-v-7829e705] {
  display: flex;
  align-items: center;
  justify-content: center;
}
.row-label[data-v-7829e705] {
  margin-bottom: 10px;
}
.label[data-v-7829e705] {
  font-size: 14px;
  font-weight: 500;
  color: #64728c;
}
.row-border[data-v-7829e705] {
  display: flex;
  align-items: end;
  justify-content: end;
}
.digi-sign-border[data-v-7829e705] {
  width: 300px;
  display: flex;
  border-width: 4px;
  border-color: #000;
  border-style: double;
}

/* container */
.two-columns-grid[data-v-7829e705] {
  display: grid;
  grid-template-columns: 0.1fr 1fr;
}

/* columns */
.two-columns-grid > *[data-v-7829e705] {
  padding: 11px;
}
.text-of-border[data-v-7829e705] {
  font-size: 11px;
}
.text-bold-of-border[data-v-7829e705] {
  font-size: 11px;
  font-weight: 700;
}
.orangehrm-card-container[data-v-7829e705] {
  box-shadow: 3px 3px 10px var(--oxd-interface-gray-color, #929baa);
  width: 80vw;
}
@media (min-width: 800px) {
.orangehrm-card-container[data-v-7829e705] {
    width: 50vw;
}
}
.orangehrm-forgot-password-reset[data-v-7829e705] {
  cursor: pointer;
  font-size: 12px;
}
.orangehrm-forgot-password-reset--link[data-v-7829e705] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-forgot-password-wrapper[data-v-7829e705] {
  flex: 1;
  display: flex;
  align-items: center;
}
.orangehrm-forgot-password-card-note[data-v-7829e705] {
  margin: 1rem 0;
}
.orangehrm-forgot-password-container[data-v-7829e705] {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.orangehrm-forgot-password-row[data-v-7829e705] {
  position: relative;
}
.orangehrm-forgot-password-note.--padding[data-v-7829e705] {
  padding-bottom: 1.2rem;
}
.orangehrm-forgot-password-buttons[data-v-7829e705] {
  display: flex;
  margin-top: 1.1rem;
  width: 100%;
}
.orangehrm-forgot-password-button[data-v-7829e705] {
  flex: 1;
}
.orangehrm-forgot-password-button-container[data-v-7829e705] {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button-container[data-v-7829e705] {
    flex-direction: row;
    align-items: center;
    box-sizing: border-box;
}
}
.orangehrm-forgot-password-button-container button[data-v-7829e705] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--reset[data-v-7829e705] {
    margin-left: 0.5rem;
}
}
@media (min-width: 1000px) {
.orangehrm-forgot-password-button--cancel[data-v-7829e705] {
    margin-right: 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]!./src/qtasnimhrmOvertimePlugin/pages/overtimeFormula/OvertimeFormulaList.vue?vue&type=style&index=0&id=c62048dc&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.formula-label {
  font-family: 'Nunito Sans', sans-serif;
  background-color: rgba(255, 0, 0, 0.855);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: #000;
  width: 250px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmOvertimePlugin/pages/overtimeDetail/OvertimeDetail.vue?vue&type=style&index=0&id=0cefa9f0&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.table-container {
  font-family: 'Nunito Sans', sans-serif;
  padding: 10px;
  overflow-x: auto;
}
table {
  width: 100%;
  border-collapse: collapse;
}
th,
td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
  white-space: nowrap;
  color: '#64728c';
}
th {
  background-color: #f2f2f2;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmOvertimePlugin/pages/overtimeCalculation/OvertimeCalculationList.vue?vue&type=style&index=0&id=3cbbb450&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.table-container {
  font-family: 'Nunito Sans', sans-serif;
  padding: 10px;
  overflow-x: auto;
}
table {
  width: 100%;
  border-collapse: collapse;
}
th,
td {
  border: 1px solid #ddd;
  padding: 8px;
  text-align: center;
  white-space: nowrap;
  color: '#64728c';
}
th {
  background-color: #f2f2f2;
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmDashboardPlugin/components/base-widget.scss?vue&type=style&index=0&id=e838762c&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dashboard-widget[data-v-e838762c] {
  width: auto;
  height: 380px;
  margin: 0 auto;
  overflow: hidden;
  max-width: 350px;
  padding: 0.75rem;
  margin-bottom: 1rem;
  box-sizing: border-box;
}
.orangehrm-dashboard-widget-header[data-v-e838762c] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-dashboard-widget-name[data-v-e838762c] {
  display: flex;
  font-size: 14px;
  font-weight: 700;
  align-items: center;
}
.orangehrm-dashboard-widget-icon[data-v-e838762c] {
  height: 15px;
  margin-right: 0.5rem;
}
.orangehrm-dashboard-widget-body[data-v-e838762c] {
  height: 318px;
  overflow: auto;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-dashboard-widget-body-nocontent[data-v-e838762c] {
  font-size: 10px;
  text-align: center;
  margin-top: 2.5rem;
}
.orangehrm-dashboard-widget-body.--scroll-visible[data-v-e838762c] {
  padding-right: 5px;
}
.orangehrm-dashboard-widget-body[data-v-e838762c]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-dashboard-widget-body[data-v-e838762c]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-dashboard-widget-body[data-v-e838762c]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-dashboard-widget-body[data-v-e838762c] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-dashboard-widget-watermark[data-v-e838762c] {
  width: 175px;
  text-align: center;
  margin: 60px auto auto;
}
.orangehrm-dashboard-widget-img[data-v-e838762c] {
  width: 60%;
}
.orangehrm-dashboard-widget-loader[data-v-e838762c] {
  margin: 9rem auto;
  background-color: var(--oxd-white-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]!./src/orangehrmDashboardPlugin/components/quick-launch-widget.scss?vue&type=style&index=0&id=30219bff&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-quick-launch[data-v-30219bff] {
  margin: 0;
  grid-template-columns: repeat(3, 1fr);
}
.orangehrm-quick-launch-card[data-v-30219bff] {
  display: flex;
  text-align: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 0.8rem;
}
.orangehrm-quick-launch-icon[data-v-30219bff] {
  flex: 0 0 1;
  padding: 0;
  margin-bottom: 0.25rem;
}
.orangehrm-quick-launch-icon[data-v-30219bff] .oxd-icon {
  width: 60px;
  height: 60px;
  padding: 12px;
  box-sizing: border-box;
}
.orangehrm-quick-launch-icon[data-v-30219bff]:focus, .orangehrm-quick-launch-icon[data-v-30219bff]:hover, .orangehrm-quick-launch-icon[data-v-30219bff]:active {
  color: var(--oxd-primary-one-color);
  background-color: var(--oxd-primary-one-alpha-15-color);
}
.orangehrm-quick-launch-heading[data-v-30219bff] {
  width: 75px;
}
.orangehrm-quick-launch-heading .--text[data-v-30219bff] {
  font-size: 10px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/VideoFrame.vue?vue&type=style&index=0&id=5e1e2464&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-video[data-v-5e1e2464] {
  height: 0;
  width: 100%;
  overflow: hidden;
  position: relative;
  padding-bottom: 56.25%;
}
.orangehrm-buzz-video-frame[data-v-5e1e2464] {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border-radius: 0.75rem;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/ProfileImage.vue?vue&type=style&index=0&id=0502344e&lang=scss&scoped=true ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-profile-image img[data-v-0502344e] {
  width: 45px;
  height: 45px;
  display: flex;
  flex-shrink: 0;
  border-radius: 100%;
  box-sizing: border-box;
  justify-content: center;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmDashboardPlugin/components/buzz-latest-post-widget.scss?vue&type=style&index=0&id=24ef9293&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-widget[data-v-24ef9293] {
  margin: 0;
  grid-gap: 10px;
}
.orangehrm-buzz-widget-card[data-v-24ef9293] {
  display: block;
  padding: 0.5rem;
  border-radius: 0.75rem;
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.orangehrm-buzz-widget-header[data-v-24ef9293] {
  display: flex;
  cursor: pointer;
  align-items: center;
}
.orangehrm-buzz-widget-header-text[data-v-24ef9293] {
  margin-left: 10px;
}
.orangehrm-buzz-widget-header-emp[data-v-24ef9293] {
  font-size: 12px;
  font-weight: 700;
  position: relative;
  overflow: hidden;
  max-height: 1;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-widget-header-emp[data-v-24ef9293]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 1) {
.orangehrm-buzz-widget-header-emp[data-v-24ef9293] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-widget-header-emp[data-v-24ef9293]:after {
    display: none;
}
}
.orangehrm-buzz-widget-header-time[data-v-24ef9293] {
  font-size: 10px;
  color: var(--oxd-interface-gray-color, #929baa);
}
.orangehrm-buzz-widget-header[data-v-24ef9293] .orangehrm-buzz-profile-image img {
  width: 35px;
  height: 35px;
}
.orangehrm-buzz-widget-body[data-v-24ef9293] {
  font-size: 12px;
  text-align: justify;
  margin-bottom: 0.5rem;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.orangehrm-buzz-widget-picture[data-v-24ef9293] {
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  border-radius: 0.75rem;
}
.orangehrm-buzz-widget-divider[data-v-24ef9293] {
  border-style: dashed;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmDashboardPlugin/components/EmployeeSubunitWidget.vue?vue&type=style&index=0&id=65847035&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.emp-distrib-chart[data-v-65847035] {
  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]!./src/orangehrmDashboardPlugin/components/my-action-summary-widget.scss?vue&type=style&index=0&id=dafd807a&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-todo-list[data-v-dafd807a] {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.orangehrm-todo-list-item[data-v-dafd807a] {
  display: flex;
  align-items: center;
  margin-bottom: 0.5rem;
}
.orangehrm-todo-list-item p[data-v-dafd807a] {
  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]!./src/orangehrmDashboardPlugin/components/EmployeeLocationWidget.vue?vue&type=style&index=0&id=3d3b809c&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.emp-distrib-chart[data-v-3d3b809c] {
  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]!./src/orangehrmDashboardPlugin/components/EmployeesOnLeaveConfigModal.vue?vue&type=style&index=0&id=76a48d93&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-modal-header[data-v-76a48d93] {
  display: flex;
  align-items: center;
}
.orangehrm-config-title[data-v-76a48d93] {
  margin-left: 1rem;
}
.orangehrm-config-checkbox .oxd-input-group[data-v-76a48d93] {
  margin: 0;
  padding: 1rem 0;
  flex-direction: row;
}
.orangehrm-config-checkbox[data-v-76a48d93] .oxd-input-group__label-wrapper {
  margin: 0;
  margin-right: 1rem;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmDashboardPlugin/components/employee-on-leave-widget.scss?vue&type=style&index=0&id=938f8628&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-leave-card[data-v-938f8628] {
  display: flex;
  font-size: 12px;
  align-items: center;
  margin-bottom: 0.5rem;
}
.orangehrm-leave-card-profile-image img[data-v-938f8628] {
  width: 36px;
  height: 36px;
  border-radius: 100%;
  display: flex;
  flex-shrink: 0;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
}
.orangehrm-leave-card-details[data-v-938f8628] {
  margin-left: 1rem;
  word-break: break-word;
}
.orangehrm-leave-card-emp-id[data-v-938f8628] {
  padding: 0 5px;
  font-weight: 600;
  margin-left: auto;
  white-space: nowrap;
}
.orangehrm-leave-card-emp-name[data-v-938f8628] {
  font-weight: 700;
  position: relative;
  overflow: hidden;
  max-height: 2;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-leave-card-emp-name[data-v-938f8628]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-leave-card-emp-name[data-v-938f8628] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-leave-card-emp-name[data-v-938f8628]:after {
    display: none;
}
}
.orangehrm-leave-card-leave-details[data-v-938f8628] {
  font-size: 12px;
}
.orangehrm-leave-card-icon[data-v-938f8628] {
  cursor: pointer;
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmDashboardPlugin/components/employee-attendance-widget.scss?vue&type=style&index=0&id=304a17e0&lang=scss&scoped=true&external ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-attendance-card[data-v-304a17e0] {
  font-size: 12px;
  margin-bottom: 0.5rem;
}
.orangehrm-attendance-card-profile[data-v-304a17e0] {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.orangehrm-attendance-card-profile-image img[data-v-304a17e0] {
  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-304a17e0] {
  margin-left: 1rem;
}
.orangehrm-attendance-card-bar[data-v-304a17e0] {
  display: flex;
  padding: 0.35rem;
  position: relative;
  border-radius: 1rem;
  margin-bottom: 1rem;
  justify-content: center;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.orangehrm-attendance-card-summary[data-v-304a17e0] {
  display: flex;
  font-size: 10px;
  align-items: center;
  margin-bottom: 0.75rem;
  justify-content: space-between;
}
.orangehrm-attendance-card-summary p[data-v-304a17e0]:first-of-type {
  font-weight: 700;
}
.orangehrm-attendance-card-summary-total[data-v-304a17e0] {
  gap: 5px;
  display: flex;
  font-weight: 700;
  padding: 0.35rem;
  border-radius: 0.75rem;
  background-color: var(--oxd-background-light-gray-color, #f1f2f5);
}
.orangehrm-attendance-card-icon[data-v-304a17e0] {
  height: 15px;
  font-size: 15px;
}
.orangehrm-attendance-card-state[data-v-304a17e0] {
  font-weight: 700;
  white-space: nowrap;
  color: var(--oxd-primary-one-color);
}
.orangehrm-attendance-card-details[data-v-304a17e0] {
  font-size: 10px;
  word-break: break-word;
}
.orangehrm-attendance-card-action[data-v-304a17e0] {
  position: absolute;
  top: 50%;
  right: 0;
  font-size: 20px;
  transform: translate(0%, -50%);
  outline: 5px solid var(--oxd-white-color, #ffffff) !important;
}
.emp-attendance-chart[data-v-304a17e0] {
  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]!./src/orangehrmDashboardPlugin/pages/ViewDashboard.vue?vue&type=style&index=0&id=5d5a8c00&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dashboard-grid[data-v-5d5a8c00] {
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1050px;
  grid-template-columns: repeat(auto-fill, minmax(max(320px, 33.3333333333%), 1fr));
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/photo-frame.scss?vue&type=style&index=0&id=b5787c12&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-photos[data-v-b5787c12] {
  gap: 0.5rem;
  display: grid;
  grid-template-areas: "first-photo";
}
.orangehrm-buzz-photos-item[data-v-b5787c12] {
  position: relative;
}
.orangehrm-buzz-photos-item img[data-v-b5787c12] {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.75rem;
}
.orangehrm-buzz-photos-item[data-v-b5787c12]:first-of-type {
  grid-area: first-photo;
}
.orangehrm-buzz-photos.--two-thumbnails[data-v-b5787c12] {
  grid-template-areas: "first-photo" "second-photo";
}
.orangehrm-buzz-photos.--three-thumbnails[data-v-b5787c12] {
  grid-template-areas: "first-photo first-photo" "second-photo third-photo";
  grid-template-columns: 1fr 1fr;
}
.orangehrm-buzz-photos.--four-thumbnails[data-v-b5787c12], .orangehrm-buzz-photos.--five-thumbnails[data-v-b5787c12] {
  grid-template-areas: "first-photo second-photo" "third-photo fourth-photo";
  grid-template-columns: 1fr 1fr;
}
.orangehrm-buzz-photos.--two-thumbnails[data-v-b5787c12], .orangehrm-buzz-photos.--three-thumbnails[data-v-b5787c12], .orangehrm-buzz-photos.--four-thumbnails[data-v-b5787c12] {
  grid-template-rows: repeat(2, minmax(auto, 9rem));
}
@media (min-width: 800px) {
.orangehrm-buzz-photos.--two-thumbnails[data-v-b5787c12], .orangehrm-buzz-photos.--three-thumbnails[data-v-b5787c12], .orangehrm-buzz-photos.--four-thumbnails[data-v-b5787c12] {
    grid-template-rows: repeat(2, minmax(auto, 18rem));
}
}
.orangehrm-buzz-photos.--five-thumbnails[data-v-b5787c12] {
  grid-template-rows: repeat(3, minmax(auto, 9rem));
}
@media (min-width: 800px) {
.orangehrm-buzz-photos.--five-thumbnails[data-v-b5787c12] {
    grid-template-rows: repeat(3, minmax(auto, 18rem));
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/post-body.scss?vue&type=style&index=0&id=9ecab904&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-post-body[data-v-9ecab904] {
  word-wrap: break-word;
  white-space: pre-wrap;
}
.orangehrm-buzz-post-body-text[data-v-9ecab904] {
  font-weight: 300;
  text-align: justify;
}
.orangehrm-buzz-post-body-text.--truncate[data-v-9ecab904] {
  position: relative;
  overflow: hidden;
  max-height: 9;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-post-body-text.--truncate[data-v-9ecab904]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 6) {
.orangehrm-buzz-post-body-text.--truncate[data-v-9ecab904] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-post-body-text.--truncate[data-v-9ecab904]:after {
    display: none;
}
}
.orangehrm-buzz-post-body-readmore[data-v-9ecab904] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-buzz-post-body-readmore[data-v-9ecab904]:hover {
  text-decoration: underline;
}
.orangehrm-buzz-post-body-picture[data-v-9ecab904] {
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  position: absolute;
}
.orangehrm-buzz-post-body-picture.--more[data-v-9ecab904] {
  gap: 10px;
  height: 9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.75rem;
  background: rgba(0, 0, 0, 0.5);
}
@media (min-width: 800px) {
.orangehrm-buzz-post-body-picture.--more[data-v-9ecab904] {
    height: 18rem;
}
}
.orangehrm-buzz-post-body-more[data-v-9ecab904] {
  font-size: 3rem;
  font-weight: 600;
  color: var(--oxd-white-color, #ffffff);
}
.orangehrm-buzz-post-body-employee[data-v-9ecab904] {
  font-size: 0.9rem;
}
.orangehrm-buzz-post-body-date[data-v-9ecab904] {
  font-size: 0.6rem;
  color: var(--oxd-interface-gray-color, #929baa);
}
.orangehrm-buzz-post-body-original-text[data-v-9ecab904] {
  font-weight: 300;
  margin-top: 0.5rem;
  position: relative;
  overflow: hidden;
  max-height: 9;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-post-body-original-text[data-v-9ecab904]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 6) {
.orangehrm-buzz-post-body-original-text[data-v-9ecab904] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-post-body-original-text[data-v-9ecab904]:after {
    display: none;
}
}
.orangehrm-buzz-post-body[data-v-9ecab904] .orangehrm-buzz-photos-item:nth-of-type(5) {
  display: none;
}
.orangehrm-buzz-post-body[data-v-9ecab904] .orangehrm-buzz-photos.--five-thumbnails {
  grid-template-rows: repeat(2, minmax(auto, 9rem));
}
@media (min-width: 800px) {
.orangehrm-buzz-post-body[data-v-9ecab904] .orangehrm-buzz-photos.--five-thumbnails {
    grid-template-rows: repeat(2, minmax(auto, 18rem));
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/post-stats-modal.scss?vue&type=style&index=0&id=81cc7bac&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-stats-modal[data-v-81cc7bac] {
  right: 0;
  z-index: 1;
  top: 1.5rem;
  width: 225px;
  overflow: auto;
  max-height: 18rem;
  position: absolute;
  padding: 5px 10px;
  box-sizing: border-box;
  border-radius: 0.65rem;
  background-color: var(--oxd-white-color, #ffffff);
  box-shadow: 0 5px 15px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
.orangehrm-buzz-stats-modal-employee[data-v-81cc7bac] {
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}
.orangehrm-buzz-stats-modal-employee[data-v-81cc7bac] .orangehrm-buzz-profile-image img {
  width: 40px;
  height: 40px;
}
.orangehrm-buzz-stats-modal-employee[data-v-81cc7bac]:last-of-type {
  margin-bottom: 0;
}
.orangehrm-buzz-stats-modal-employee-name[data-v-81cc7bac] {
  font-weight: 400;
  font-size: 0.9rem;
  margin-left: 15px;
  position: relative;
  overflow: hidden;
  max-height: 3;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-stats-modal-employee-name[data-v-81cc7bac]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-buzz-stats-modal-employee-name[data-v-81cc7bac] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-stats-modal-employee-name[data-v-81cc7bac]:after {
    display: none;
}
}
.orangehrm-buzz-stats-modal .orangehrm-buzz-loader[data-v-81cc7bac] {
  margin: 0.5rem 3rem;
}
.orangehrm-buzz-stats-dialog-header[data-v-81cc7bac] {
  display: flex;
  align-items: center;
}
.orangehrm-buzz-stats-dialog-icon[data-v-81cc7bac] {
  margin-right: 0.5rem;
}
.orangehrm-buzz-stats-dialog-icon.--likes[data-v-81cc7bac] {
  color: var(--oxd-feedback-danger-color, #eb0910);
}
.orangehrm-buzz-stats-dialog-employee[data-v-81cc7bac] {
  gap: 0.5rem;
  display: flex;
  margin-bottom: 5px;
  align-items: center;
}
.orangehrm-buzz-stats-dialog-employee-name[data-v-81cc7bac] {
  font-weight: 400;
  font-size: 0.9rem;
  margin-left: 0.5rem;
  position: relative;
  overflow: hidden;
  max-height: 3;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-stats-dialog-employee-name[data-v-81cc7bac]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-buzz-stats-dialog-employee-name[data-v-81cc7bac] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-stats-dialog-employee-name[data-v-81cc7bac]:after {
    display: none;
}
}
.orangehrm-buzz-stats-dialog .orangehrm-buzz-loader[data-v-81cc7bac] {
  margin: 0 auto;
}
[data-v-81cc7bac] .orangehrm-buzz-stats-dialog {
  margin: 0;
  bottom: 0;
  width: 100%;
  max-height: 30rem;
  overflow-y: auto;
  overflow-x: hidden;
  position: fixed;
  padding: inherit;
  border-radius: 1.2rem 1.2rem 0rem 0rem;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
[data-v-81cc7bac] .orangehrm-buzz-stats-dialog::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
[data-v-81cc7bac] .orangehrm-buzz-stats-dialog::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
[data-v-81cc7bac] .orangehrm-buzz-stats-dialog::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
[data-v-81cc7bac] .orangehrm-buzz-stats-dialog {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
[data-v-81cc7bac] .oxd-dialog-close-button {
  display: none;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/post-stats.scss?vue&type=style&index=0&id=c1c8801a&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-stats-row[data-v-c1c8801a] {
  display: flex;
  position: relative;
  font-size: 0.75rem;
  justify-content: flex-end;
}
.orangehrm-buzz-stats-row[data-v-c1c8801a]:first-of-type {
  font-size: 1rem;
  font-weight: 700;
  align-items: center;
}
.orangehrm-buzz-stats-active[data-v-c1c8801a] {
  cursor: pointer;
}
.orangehrm-buzz-stats-active[data-v-c1c8801a]:hover {
  text-decoration: underline;
}
.orangehrm-buzz-stats-like-icon[data-v-c1c8801a] {
  height: 15px;
  margin-right: 5px;
  color: var(--oxd-feedback-danger-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]!./src/orangehrmBuzzPlugin/components/PostModal.vue?vue&type=style&index=0&id=c80181fe&lang=scss&scoped=true ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-post-modal-header[data-v-c80181fe] {
  gap: 1rem;
  display: flex;
  justify-content: center;
  margin-bottom: 1rem;
}
.orangehrm-buzz-post-modal-header-text[data-v-c80181fe] {
  width: 100%;
}
.orangehrm-buzz-post-modal-actions[data-v-c80181fe] {
  display: flex;
  margin-top: 1rem;
  justify-content: center;
}
.orangehrm-buzz-post-modal-actions[data-v-c80181fe] .oxd-button {
  width: 90%;
}
.orangehrm-modal-header[data-v-c80181fe] {
  text-align: center;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/photo-upload-area.scss?vue&type=style&index=0&id=61346894&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-photo-upload-area[data-v-61346894] {
  margin: 0 auto;
}
.orangehrm-photo-upload-icon[data-v-61346894] {
  font-size: 5rem;
  color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
}
[data-v-61346894] .oxd-file-div {
  padding: 1rem;
  cursor: pointer;
  text-align: center;
  border: 0.25rem dashed var(--oxd-interface-gray-lighten-2-color, #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]!./src/orangehrmBuzzPlugin/components/photo-input.scss?vue&type=style&index=0&id=2af80c58&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-photo-input-field[data-v-2af80c58] .oxd-file-div {
  all: unset;
  z-index: 1;
  left: 1rem;
  top: 0.5rem;
  position: absolute;
}
.orangehrm-photo-input-field[data-v-2af80c58] .oxd-input-group {
  margin: unset;
  position: relative;
}
.orangehrm-photo-input-field[data-v-2af80c58] .oxd-input-group__label-wrapper {
  display: none;
}
.orangehrm-photo-input-remove[data-v-2af80c58] {
  padding: 0;
  min-width: 1.5625rem;
  min-height: 1.5625rem;
  color: var(--oxd-white-color, #ffffff);
}
.orangehrm-photo-input-remove.--float[data-v-2af80c58] {
  top: -5px;
  right: 0px;
  position: absolute;
  background-color: #b8bdc7;
}
.orangehrm-photo-input-remove[data-v-2af80c58]:hover {
  background-color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
.orangehrm-photo-input[data-v-2af80c58] .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]!./src/orangehrmBuzzPlugin/components/create-post.scss?vue&type=style&index=0&id=01ad6ed8&lang=scss&scoped=true&external ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-create-post[data-v-01ad6ed8] {
  margin: 0.5rem 0 1rem 0;
}
.orangehrm-buzz-create-post-header[data-v-01ad6ed8] {
  gap: 1rem;
  display: flex;
}
.orangehrm-buzz-create-post-header-text[data-v-01ad6ed8] {
  width: 100%;
}
.orangehrm-buzz-create-post-actions[data-v-01ad6ed8] {
  gap: 0.5rem;
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media (min-width: 600px) {
.orangehrm-buzz-create-post-actions[data-v-01ad6ed8] {
    gap: unset;
    flex-direction: row;
    justify-content: space-around;
}
}
[data-v-01ad6ed8] .oxd-glass-button {
  width: 100%;
  justify-content: center;
}
@media (min-width: 600px) {
[data-v-01ad6ed8] .oxd-glass-button {
    width: unset;
    justify-content: unset;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/post-like-button.scss?vue&type=style&index=0&id=87437df6&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-heart-icon[data-v-87437df6] {
  background-color: rgba(100, 114, 140, 0.1);
  border-radius: 50px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  overflow: visible;
}
.orangehrm-heart-icon-path[data-v-87437df6] {
  transform-origin: center;
  animation: animateHeartOut-87437df6 0.3s linear forwards;
}
.orangehrm-heart-icon-circle[data-v-87437df6] {
  top: 0;
  left: 0;
  width: 32px;
  height: 32px;
  position: absolute;
  border-radius: 100%;
}
.orangehrm-like-animation[data-v-87437df6] {
  position: relative;
}
.orangehrm-like-animation .orangehrm-heart-icon-path[data-v-87437df6] {
  fill: #e2264d;
  transform: scale(0.2);
  animation: animateHeart-87437df6 0.3s linear forwards 0.25s;
}
.orangehrm-like-animation .orangehrm-heart-icon-circle[data-v-87437df6] {
  animation: animateCircle-87437df6 0.3s linear forwards;
}
.orangehrm-like-animation .orangehrm-heart-icon-group1[data-v-87437df6] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group1 .orangehrm-heart-icon-oval1[data-v-87437df6] {
  transform: scale(0) translate(0, -30px);
  transform-origin: 0 0 0;
  transition: 0.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group1 .orangehrm-heart-icon-oval2[data-v-87437df6] {
  transform: scale(0) translate(10px, -50px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group2[data-v-87437df6] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group2 .orangehrm-heart-icon-oval1[data-v-87437df6] {
  transform: scale(0) translate(30px, -15px);
  transform-origin: 0 0 0;
  transition: 0.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group2 .orangehrm-heart-icon-oval2[data-v-87437df6] {
  transform: scale(0) translate(60px, -15px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group3[data-v-87437df6] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group3 .orangehrm-heart-icon-oval1[data-v-87437df6] {
  transform: scale(0) translate(30px, 0px);
  transform-origin: 0 0 0;
  transition: 0.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group3 .orangehrm-heart-icon-oval2[data-v-87437df6] {
  transform: scale(0) translate(60px, 10px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group4[data-v-87437df6] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group4 .orangehrm-heart-icon-oval1[data-v-87437df6] {
  transform: scale(0) translate(30px, 15px);
  transform-origin: 0 0 0;
  transition: 0.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group4 .orangehrm-heart-icon-oval2[data-v-87437df6] {
  transform: scale(0) translate(40px, 50px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group5[data-v-87437df6] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group5 .orangehrm-heart-icon-oval1[data-v-87437df6] {
  transform: scale(0) translate(-10px, 20px);
  transform-origin: 0 0 0;
  transition: 0.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group5 .orangehrm-heart-icon-oval2[data-v-87437df6] {
  transform: scale(0) translate(-60px, 30px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group6[data-v-87437df6] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group6 .orangehrm-heart-icon-oval1[data-v-87437df6] {
  transform: scale(0) translate(-30px, 0px);
  transform-origin: 0 0 0;
  transition: 0.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group6 .orangehrm-heart-icon-oval2[data-v-87437df6] {
  transform: scale(0) translate(-60px, -5px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group7[data-v-87437df6] {
  opacity: 1;
  transition: 0.1s all 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group7 .orangehrm-heart-icon-oval1[data-v-87437df6] {
  transform: scale(0) translate(-30px, -15px);
  transform-origin: 0 0 0;
  transition: 0.5s transform 0.3s;
}
.orangehrm-like-animation .orangehrm-heart-icon-group7 .orangehrm-heart-icon-oval2[data-v-87437df6] {
  transform: scale(0) translate(-55px, -30px);
  transform-origin: 0 0 0;
  transition: 1.5s transform 0.3s;
}
@keyframes animateCircle-87437df6 {
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-87437df6 {
0% {
    transform: scale(0.2);
}
40% {
    transform: scale(1.2);
}
100% {
    transform: scale(1);
}
}
@keyframes animateHeartOut-87437df6 {
0% {
    transform: scale(1.4);
}
100% {
    transform: scale(1);
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/PostActions.vue?vue&type=style&index=0&id=8c1e735e&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-post-actions[data-v-8c1e735e] {
  gap: 5px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-buzz-post-actions[data-v-8c1e735e] .oxd-icon-button {
  width: 36px;
  height: 36px;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/EditPostModal.vue?vue&type=style&index=0&id=ecbe79d2&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-share-employee[data-v-ecbe79d2] {
  font-size: 0.9rem;
}
.orangehrm-buzz-share-date[data-v-ecbe79d2] {
  font-size: 0.6rem;
  color: var(--oxd-interface-gray-color, #929baa);
}
.orangehrm-buzz-share-text[data-v-ecbe79d2] {
  font-weight: 300;
  margin-top: 0.5rem;
  position: relative;
  overflow: hidden;
  max-height: 9;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-share-text[data-v-ecbe79d2]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 6) {
.orangehrm-buzz-share-text[data-v-ecbe79d2] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-share-text[data-v-ecbe79d2]:after {
    display: none;
}
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/photo-viewer.scss?vue&type=style&index=0&id=74f79510&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-photo-viewer[data-v-74f79510] {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.orangehrm-photo-viewer-photo[data-v-74f79510] {
  top: 0;
  height: 100vh;
  width: inherit;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
}
.orangehrm-photo-viewer-background[data-v-74f79510] {
  top: 0;
  bottom: 0;
  scale: 1.2;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  filter: blur(0.5rem) brightness(30%);
}
.orangehrm-photo-viewer-controls[data-v-74f79510] {
  left: 0;
  right: 0;
  display: flex;
  padding: 0 10px;
  position: absolute;
  align-items: center;
  justify-content: space-between;
}
@media (min-width: 1000px) {
.orangehrm-photo-viewer-controls[data-v-74f79510] {
    gap: 1rem;
    padding: 0;
    bottom: 50px;
    justify-content: center;
}
}
.orangehrm-photo-viewer-close[data-v-74f79510] {
  top: 1rem;
  left: 1rem;
  position: absolute;
}
.orangehrm-photo-viewer-actions[data-v-74f79510] {
  left: 0;
  right: 0;
  bottom: 25px;
  margin: 0 0.75rem;
  position: absolute;
}
[data-v-74f79510] .actions {
  padding: 0;
  font-size: 12px;
  min-width: 1.5625rem;
  min-height: 1.5625rem;
  color: var(--oxd-white-color, #ffffff);
  background: rgba(0, 0, 0, 0.7);
}
[data-v-74f79510] .actions:hover {
  background-color: var(--oxd-interface-gray-darken-1-color, #64728c);
}
[data-v-74f79510] .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]!./src/orangehrmBuzzPlugin/components/post-comment.scss?vue&type=style&index=0&id=503e2a9a&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-comment-wrapper[data-v-503e2a9a] {
  gap: 10px;
  display: flex;
  align-items: flex-start;
  margin-bottom: 0.5rem;
}
.orangehrm-post-comment[data-v-503e2a9a] {
  width: 100%;
}
.orangehrm-post-comment-employee[data-v-503e2a9a] {
  font-size: 1rem;
  font-weight: 600;
  overflow-wrap: break-word;
}
.orangehrm-post-comment-datetime[data-v-503e2a9a] {
  font-weight: 300;
  font-size: 0.6rem;
  color: var(--oxd-interface-gray-color, #929baa);
}
.orangehrm-post-comment-area[data-v-503e2a9a] {
  padding: 0.5rem;
  position: relative;
  border-radius: 0.8rem;
  background-color: var(--oxd-background-pastel-white-color, #f6f5fb);
}
.orangehrm-post-comment-action-area[data-v-503e2a9a] {
  gap: 1rem;
  display: flex;
  font-size: 0.75rem;
  margin-top: 0.1rem;
}
.orangehrm-post-comment-action.--cancel[data-v-503e2a9a] {
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-comment-action.--liked[data-v-503e2a9a] {
  color: var(--oxd-feedback-danger-color, #eb0910);
}
.orangehrm-post-comment-action[data-v-503e2a9a]:hover {
  cursor: pointer;
  text-decoration: underline;
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-comment form[data-v-503e2a9a] {
  font-size: 0.75rem;
}
.orangehrm-post-comment-text[data-v-503e2a9a] {
  font-weight: 300;
  font-size: 0.75rem;
  overflow-wrap: break-word;
}
.orangehrm-post-comment-text.--truncate[data-v-503e2a9a] {
  position: relative;
  overflow: hidden;
  max-height: 9;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-post-comment-text.--truncate[data-v-503e2a9a]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 6) {
.orangehrm-post-comment-text.--truncate[data-v-503e2a9a] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-post-comment-text.--truncate[data-v-503e2a9a]:after {
    display: none;
}
}
.orangehrm-post-comment-readmore[data-v-503e2a9a] {
  cursor: pointer;
  font-size: 0.75rem;
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-comment-readmore[data-v-503e2a9a]:hover {
  text-decoration: underline;
}
.orangehrm-post-comment-stats[data-v-503e2a9a] {
  right: 0;
  bottom: -5px;
  gap: 2.5px;
  padding: 2.5px;
  display: flex;
  position: absolute;
  align-items: center;
  font-size: 0.75rem;
  border-radius: 0.5rem;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  background-color: var(--oxd-background-white-shadow-color, #fafafc);
}
.orangehrm-post-comment-stats-icon[data-v-503e2a9a] {
  height: 12px;
  color: var(--oxd-feedback-danger-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]!./src/orangehrmBuzzPlugin/components/PostCommentContainer.vue?vue&type=style&index=0&id=76828684&lang=scss&scoped=true ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-comment-add[data-v-76828684] {
  gap: 10px;
  display: flex;
}
.orangehrm-buzz-comment-add form[data-v-76828684] {
  width: 100%;
}
.orangehrm-buzz-comment-readmore[data-v-76828684] {
  margin: 0 auto;
  cursor: pointer;
  font-size: 0.9rem;
  text-align: center;
  color: var(--oxd-primary-one-color);
}
.orangehrm-buzz-comment-readmore[data-v-76828684]:hover {
  text-decoration: underline;
}
.orangehrm-buzz-comment[data-v-76828684] .oxd-input-group__label-wrapper {
  display: none;
}
.orangehrm-buzz-comment[data-v-76828684] .oxd-input-field-bottom-space {
  margin-bottom: unset;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/post-details.scss?vue&type=style&index=0&id=3d4d75d4&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-post-details[data-v-3d4d75d4] {
  padding: 1.2rem;
  overflow-y: auto;
  height: 100vh;
  background: var(--oxd-white-color, #ffffff);
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-post-details[data-v-3d4d75d4]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-post-details[data-v-3d4d75d4]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-post-details[data-v-3d4d75d4]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-post-details[data-v-3d4d75d4] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-post-details-header[data-v-3d4d75d4] {
  gap: 1rem;
  display: flex;
  align-items: center;
}
.orangehrm-post-details-time[data-v-3d4d75d4] {
  font-size: 0.75rem;
  color: var(--oxd-interface-gray-color, #929baa);
}
.orangehrm-post-details-emp-name[data-v-3d4d75d4] {
  font-size: 1rem;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  max-height: 1;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-post-details-emp-name[data-v-3d4d75d4]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 1) {
.orangehrm-post-details-emp-name[data-v-3d4d75d4] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-post-details-emp-name[data-v-3d4d75d4]:after {
    display: none;
}
}
.orangehrm-post-details-readmore[data-v-3d4d75d4] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-post-details-readmore[data-v-3d4d75d4]:hover {
  text-decoration: underline;
}
.orangehrm-post-details-text[data-v-3d4d75d4] {
  margin-top: 0.5rem;
  font-weight: 300;
  text-align: justify;
  word-wrap: break-word;
  white-space: pre-wrap;
}
.orangehrm-post-details-text.--truncate[data-v-3d4d75d4] {
  position: relative;
  overflow: hidden;
  max-height: 9;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-post-details-text.--truncate[data-v-3d4d75d4]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 6) {
.orangehrm-post-details-text.--truncate[data-v-3d4d75d4] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-post-details-text.--truncate[data-v-3d4d75d4]:after {
    display: none;
}
}
.orangehrm-post-details-actions[data-v-3d4d75d4] {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.orangehrm-post-details-close[data-v-3d4d75d4] {
  display: block;
  margin-bottom: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-post-details-close[data-v-3d4d75d4] {
    display: none;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/PostActionsPill.vue?vue&type=style&index=0&id=39e7e2aa&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-pill[data-v-39e7e2aa] {
  display: flex;
  padding: 0.5rem;
  border-radius: 1rem;
  align-items: flex-start;
  background: var(--oxd-white-color, #ffffff);
  justify-content: space-between;
}
.orangehrm-buzz-pill-actions[data-v-39e7e2aa] {
  gap: 5px;
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-buzz-pill-actions[data-v-39e7e2aa] .oxd-icon-button {
  width: 36px;
  height: 36px;
}
.orangehrm-buzz-pill-stats-likes[data-v-39e7e2aa] {
  display: flex;
  font-size: 1rem;
  font-weight: 700;
  align-items: flex-end;
  justify-content: flex-end;
}
.orangehrm-buzz-pill-stats-likes[data-v-39e7e2aa] .oxd-icon {
  margin-right: 5px;
  color: var(--oxd-feedback-danger-color, #eb0910);
}
.orangehrm-buzz-pill-stats-other[data-v-39e7e2aa] {
  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]!./src/orangehrmBuzzPlugin/components/photo-carousel.scss?vue&type=style&index=0&id=11b5d246&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-photo-carousel[data-v-11b5d246] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  outline: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  z-index: 300;
}
.orangehrm-photo-carousel.--web[data-v-11b5d246] {
  display: grid;
  grid-template-columns: 70% 30%;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/post-container.scss?vue&type=style&index=0&id=6ddd08d5&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz[data-v-6ddd08d5] {
  padding: 1rem;
  margin-bottom: 1rem;
}
.orangehrm-buzz-like-icon[data-v-6ddd08d5] {
  color: var(--oxd-feedback-danger-color, #eb0910);
}
.orangehrm-buzz-loader[data-v-6ddd08d5] {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
}
.orangehrm-buzz-post-header[data-v-6ddd08d5] {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.orangehrm-buzz-post-header-details[data-v-6ddd08d5] {
  display: flex;
  align-items: center;
}
.orangehrm-buzz-post-header-text[data-v-6ddd08d5] {
  margin-left: 1rem;
}
.orangehrm-buzz-post-header-config[data-v-6ddd08d5] {
  list-style: none;
  position: relative;
}
.orangehrm-buzz-post-header-config-item[data-v-6ddd08d5] {
  gap: 10px;
  display: flex;
  cursor: pointer;
  font-size: 12px;
  align-items: center;
  padding: 0.5rem 1rem;
}
.orangehrm-buzz-post-header-config-item[data-v-6ddd08d5]:hover {
  background-color: #f6f7f9;
}
.orangehrm-buzz-post-emp-name[data-v-6ddd08d5] {
  font-size: 1rem;
  font-weight: 600;
  position: relative;
  overflow: hidden;
  max-height: 1;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-post-emp-name[data-v-6ddd08d5]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 1) {
.orangehrm-buzz-post-emp-name[data-v-6ddd08d5] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-post-emp-name[data-v-6ddd08d5]:after {
    display: none;
}
}
.orangehrm-buzz-post-time[data-v-6ddd08d5] {
  font-size: 0.75rem;
  color: var(--oxd-interface-gray-color, #929baa);
}
.orangehrm-buzz-post-footer[data-v-6ddd08d5] {
  padding-top: 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
[data-v-6ddd08d5] .oxd-dropdown-menu {
  left: unset;
  right: 0;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/SharePostModal.vue?vue&type=style&index=0&id=6a78f4ea&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-share-employee[data-v-6a78f4ea] {
  font-size: 0.9rem;
}
.orangehrm-buzz-share-date[data-v-6a78f4ea] {
  font-size: 0.6rem;
  color: var(--oxd-interface-gray-color, #929baa);
}
.orangehrm-buzz-share-text[data-v-6a78f4ea] {
  font-weight: 300;
  margin-top: 0.5rem;
  position: relative;
  overflow: hidden;
  max-height: 9;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-share-text[data-v-6a78f4ea]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1.5;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 6) {
.orangehrm-buzz-share-text[data-v-6a78f4ea] {
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-share-text[data-v-6a78f4ea]:after {
    display: none;
}
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/news-feed.scss?vue&type=style&index=0&id=c785fea6&lang=scss&scoped=true&external ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-newsfeed-title[data-v-c785fea6] {
  display: none;
}
@media (min-width: 1000px) {
.orangehrm-buzz-newsfeed-title[data-v-c785fea6] {
    display: block;
}
}
.orangehrm-buzz-newsfeed-loader[data-v-c785fea6] {
  margin: 0 auto;
}
.orangehrm-buzz-newsfeed-noposts[data-v-c785fea6] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.orangehrm-buzz-newsfeed-noposts img[data-v-c785fea6] {
  width: 70%;
  margin: 1rem 0;
  max-width: 240px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/post-filters.scss?vue&type=style&index=0&id=267f724f&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-post-filters[data-v-267f724f] {
  gap: 0.5rem;
  display: flex;
  margin: 1rem 0;
}
.orangehrm-post-filters-button[data-v-267f724f] {
  word-break: break-word;
  transition: all 400ms ease-in-out;
}
.orangehrm-post-filters[data-v-267f724f] .oxd-button {
  min-width: unset;
  font-weight: 700;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
@media (min-width: 1000px) {
.orangehrm-post-filters[data-v-267f724f] .oxd-button {
    width: 100%;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
}
@media screen and (min-width: 1920px) {
.orangehrm-post-filters[data-v-267f724f] .oxd-button {
    padding: 1rem;
}
}
@media screen and (min-width: 1920px) {
.orangehrm-post-filters[data-v-267f724f] {
    top: 8.5rem;
    margin: unset;
    position: sticky;
    flex-direction: column;
}
}
.orangehrm-post-filters[data-v-267f724f] .oxd-button--label-warn {
  width: 100%;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/components/upcoming-anniversaries.scss?vue&type=style&index=0&id=0bf3f506&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-anniversary-content[data-v-0bf3f506] {
  height: 100vh;
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary-content[data-v-0bf3f506] {
    height: unset;
    overflow: auto;
}
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary-content.--show-more[data-v-0bf3f506] {
    max-height: 22rem;
    scrollbar-color: #cfd3de #f6f5fb;
    scrollbar-width: thin;
}
.orangehrm-buzz-anniversary-content.--show-more[data-v-0bf3f506]::-webkit-scrollbar {
    width: 0.5rem;
    height: 0.5rem;
}
.orangehrm-buzz-anniversary-content.--show-more[data-v-0bf3f506]::-webkit-scrollbar-thumb {
    background: #cfd3de;
    border-radius: 20px;
}
.orangehrm-buzz-anniversary-content.--show-more[data-v-0bf3f506]::-webkit-scrollbar-track {
    background: #f6f5fb;
}
}
@media screen and (min-width: 1000px) and (-ms-high-contrast: active), (min-width: 1000px) and (-ms-high-contrast: none) {
.orangehrm-buzz-anniversary-content.--show-more[data-v-0bf3f506] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-buzz-anniversary-item[data-v-0bf3f506] {
  display: flex;
  padding: 0.5rem 0;
  position: relative;
  align-items: center;
}
.orangehrm-buzz-anniversary-title[data-v-0bf3f506] {
  display: none;
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary-title[data-v-0bf3f506] {
    display: block;
}
}
.orangehrm-buzz-anniversary-profile[data-v-0bf3f506] {
  display: flex;
  max-width: 75%;
}
.orangehrm-buzz-anniversary-profile-details[data-v-0bf3f506] {
  margin: auto;
  word-break: break-word;
  padding-left: 1rem;
}
.orangehrm-buzz-anniversary-emp-name[data-v-0bf3f506] {
  font-weight: 400;
  font-size: 0.85rem;
  position: relative;
  overflow: hidden;
  max-height: 2;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-anniversary-emp-name[data-v-0bf3f506]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-buzz-anniversary-emp-name[data-v-0bf3f506] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-anniversary-emp-name[data-v-0bf3f506]:after {
    display: none;
}
}
.orangehrm-buzz-anniversary-job-details[data-v-0bf3f506] {
  font-weight: 700;
  margin-top: 0.1rem;
  font-size: 0.75rem;
  position: relative;
  overflow: hidden;
  max-height: 2;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-buzz-anniversary-job-details[data-v-0bf3f506]:after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: inherit;
  height: 1;
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 100%);
}
@supports (-webkit-line-clamp: 2) {
.orangehrm-buzz-anniversary-job-details[data-v-0bf3f506] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-buzz-anniversary-job-details[data-v-0bf3f506]:after {
    display: none;
}
}
.orangehrm-buzz-anniversary-duration[data-v-0bf3f506] {
  width: 4rem;
  font-weight: 600;
  margin-left: auto;
  white-space: nowrap;
}
.orangehrm-buzz-anniversary-duration img[data-v-0bf3f506] {
  width: 4rem;
  position: absolute;
}
.orangehrm-buzz-anniversary-duration-years[data-v-0bf3f506] {
  font-size: 0.7rem;
  font-weight: 800;
}
.orangehrm-buzz-anniversary-duration-date[data-v-0bf3f506] {
  font-size: 0.5rem;
}
.orangehrm-buzz-anniversary-durations-text[data-v-0bf3f506] {
  text-align: center;
}
.orangehrm-buzz-anniversary-footer[data-v-0bf3f506] {
  font-weight: 700;
  text-align: right;
  font-size: 0.75rem;
}
.orangehrm-buzz-anniversary-footer[data-v-0bf3f506] .oxd-text {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
}
.orangehrm-buzz-anniversary-nocontent[data-v-0bf3f506] {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.orangehrm-buzz-anniversary-nocontent img[data-v-0bf3f506] {
  width: 45%;
  margin: 1rem 0;
  max-width: 270px;
}
.orangehrm-buzz-anniversary-nocontent p[data-v-0bf3f506] {
  width: 60%;
  text-align: center;
}
@media (min-width: 1000px) {
.orangehrm-buzz-anniversary[data-v-0bf3f506] {
    top: 9rem;
    position: sticky;
}
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmBuzzPlugin/pages/view-buzz.scss?vue&type=style&index=0&id=50cce250&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-buzz-layout[data-v-50cce250] {
  justify-content: center;
  grid-template-columns: minmax(240px, 640px) minmax(0, 375px);
}
@media screen and (min-width: 1920px) {
.orangehrm-buzz-layout[data-v-50cce250] {
    gap: 2rem;
    grid-template-columns: minmax(0, 375px) minmax(240px, 640px) minmax(0, 375px);
}
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/orangehrmSystemCheckPlugin/components/FlexTable.vue?vue&type=style&index=0&id=46aaa76a&scoped=true&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-flex-table[data-v-46aaa76a] {
  margin-bottom: 0.75rem;
}
.orangehrm-flex-table-title[data-v-46aaa76a] {
  font-weight: 700;
  font-size: 16px;
}
.orangehrm-flex-table-value[data-v-46aaa76a] {
  font-weight: 700;
}
.orangehrm-flex-table-value.--success[data-v-46aaa76a] {
  color: var(--oxd-feedback-success-color, #34bc40);
}
.orangehrm-flex-table-value.--warning[data-v-46aaa76a] {
  color: var(--oxd-feedback-warn-color, #ffa62f);
}
.orangehrm-flex-table-value.--error[data-v-46aaa76a] {
  color: var(--oxd-feedback-danger-color, #eb0910);
}
.orangehrm-flex-table-row[data-v-46aaa76a] {
  display: flex;
  width: 100%;
  padding: 0.2rem 0;
}
.orangehrm-flex-table-content[data-v-46aaa76a] {
  flex: 1;
}
.orangehrm-flex-table-divider[data-v-46aaa76a] {
  border-top-color: var(--oxd-interface-gray-darken-1-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/orangehrmSystemCheckPlugin/pages/SystemCheckScreen.vue?vue&type=style&index=0&id=643d9a3b&scoped=true&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-system-check[data-v-643d9a3b] {
  font-size: 12px;
}
.orangehrm-system-check-title[data-v-643d9a3b] {
  font-weight: 700;
  color: var(--oxd-primary-one-color);
}
.orangehrm-system-check-content.--error[data-v-643d9a3b] {
  color: var(--oxd-feedback-danger-color, #eb0910);
}
.orangehrm-system-check-action[data-v-643d9a3b] {
  padding: 1rem 0;
}
.orangehrm-system-check-form[data-v-643d9a3b] {
  margin: 5%;
}
.orangehrm-system-check-form-loading[data-v-643d9a3b] {
  height: 100%;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmOrganizationManagementPlugin/pages/orgType/SaveOrgType.vue?vue&type=style&index=0&id=5fd98e04&scoped=true&lang=css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.level-label[data-v-5fd98e04] {
  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]!./src/qtasnimhrmOrganizationManagementPlugin/pages/orgType/org-type.scss?vue&type=style&index=0&id=8f10754a&lang=scss&scoped=true&external ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.org-root-container[data-v-8f10754a] {
  padding: 0.5em 1.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}
.org-root-container .oxd-text[data-v-8f10754a] {
  position: relative;
  display: flex;
  align-items: center;
}
.org-root-container .oxd-text.--parent[data-v-8f10754a]::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-8f10754a]::before {
  content: "";
  border-top: 0.15rem solid var(--oxd-primary-one-color);
  width: 1rem;
  margin-right: 0.5rem;
}
.org-container[data-v-8f10754a] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 0.5rem 1rem;
}
.org-container .loader[data-v-8f10754a] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem 0;
}
.org-container .loader .oxd-loading-spinner-container[data-v-8f10754a] {
  background-color: var(--oxd-white-color, #ffffff);
}
.org-structure-card[data-v-8f10754a] {
  display: flex;
  min-height: 35px;
  padding: 0.35rem;
  border-radius: 0.75rem;
  align-items: center;
  justify-content: space-between;
  background-color: var(--oxd-white-color, #ffffff);
}
@media (min-width: 800px) {
.org-structure-card[data-v-8f10754a] {
    padding: 0.5rem 1rem;
}
}
.org-name[data-v-8f10754a] {
  position: relative;
  overflow: hidden;
  max-height: 4.5;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.org-name[data-v-8f10754a]: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-8f10754a] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.org-name[data-v-8f10754a]:after {
    display: none;
}
}
.org-structure-add[data-v-8f10754a] {
  min-width: unset;
  padding: 0.5rem 1rem;
}
.org-action[data-v-8f10754a] {
  display: flex;
  list-style: none;
  position: relative;
}
.org-action-icon[data-v-8f10754a] {
  margin-right: 0.5rem;
}
.org-action-icon[data-v-8f10754a]:last-child {
  margin-right: unset;
}
.org-action-description[data-v-8f10754a] {
  display: flex;
  cursor: pointer;
  font-size: 12px;
  padding: 0.2rem 1rem;
}
.org-action-description[data-v-8f10754a]:hover {
  background-color: #f6f7f9;
}
.org-action[data-v-8f10754a] .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]!./src/qtasnimhrmOrganizationManagementPlugin/pages/orgType/orgType.vue?vue&type=style&index=1&id=8f10754a&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-tree-node-content {
  width: 100%;
}
.oxd-tree-node-toggle .oxd-icon-button {
  background-color: var(--oxd-white-color, #ffffff) !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmOrganizationManagementPlugin/pages/organizationDecree/SaveOrganizationDecree.vue?vue&type=style&index=0&id=68ba46fa&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-68ba46fa] {
  max-width: 348px !important;
}
.level-label[data-v-68ba46fa] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-68ba46fa] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/qtasnimhrmOrganizationManagementPlugin/pages/organizationDecree/organization-decree.scss?vue&type=style&index=1&id=68ba46fa&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dialog-modal[data-v-68ba46fa] {
  max-width: 348px !important;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmOrganizationManagementPlugin/pages/organizationDecree/EditOrganizationDecree.vue?vue&type=style&index=0&id=683c5bc7&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-683c5bc7] {
  max-width: 348px !important;
}
.level-label[data-v-683c5bc7] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-683c5bc7] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/qtasnimhrmOrganizationManagementPlugin/pages/organizationDecree/organization-decree.scss?vue&type=style&index=1&id=683c5bc7&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dialog-modal[data-v-683c5bc7] {
  max-width: 348px !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]!./src/qtasnimhrmOrganizationManagementPlugin/pages/organizationDecree/org-structure.scss?vue&type=style&index=0&id=6c06ba08&lang=scss&scoped=true&external ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.org-root-container[data-v-6c06ba08] {
  margin-top: 8px;
  margin-bottom: 8px;
  padding: 0.5em 1.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}
.org-root-container .oxd-text[data-v-6c06ba08] {
  position: relative;
  display: flex;
  align-items: center;
}
.org-root-container .oxd-text.--parent[data-v-6c06ba08]::after {
  content: "";
  border-left: 0.15rem solid var(--oxd-primary-one-color);
  height: 3.5rem;
  position: absolute;
  top: 45%;
  left: -0.12rem;
}
.org-root-container .oxd-text.--parent[data-v-6c06ba08]::before {
  content: "";
  top: 1.8rem;
  border-top: 0.15rem solid var(--oxd-primary-one-color);
  width: 1rem;
  margin-right: 0.5rem;
}
.org-container[data-v-6c06ba08] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 14px;
}
.org-container .loader[data-v-6c06ba08] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem 0;
}
.org-container .loader .oxd-loading-spinner-container[data-v-6c06ba08] {
  background-color: var(--oxd-white-color, #ffffff);
}
.org-structure-card[data-v-6c06ba08] {
  display: flex;
  min-height: 35px;
  padding: 0.35rem;
  border-radius: 0.75rem;
  align-items: center;
  justify-content: space-between;
  background-color: var(--oxd-white-color, #ffffff);
}
@media (min-width: 800px) {
.org-structure-card[data-v-6c06ba08] {
    padding: 0.5rem 1rem;
}
}
.org-employee-card[data-v-6c06ba08] {
  display: flex;
  margin: 10px;
  min-height: 20px;
  border-radius: 0.75rem;
  align-items: center;
  background-color: var(--oxd-white-color, #ffffff);
}
@media (min-width: 800px) {
.org-employee-card[data-v-6c06ba08] {
    padding: 0.5rem 1rem;
}
}
.org-name[data-v-6c06ba08] {
  position: relative;
  overflow: hidden;
  max-height: 4.5;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.org-name[data-v-6c06ba08]: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-6c06ba08] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.org-name[data-v-6c06ba08]:after {
    display: none;
}
}
.org-structure-create[data-v-6c06ba08] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.org-structure-change[data-v-6c06ba08] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  margin-right: 16px;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
  color: var(--soft-black, #64728c);
  background-color: #fbfbfe;
}
.org-structure-change[data-v-6c06ba08]:hover:enabled {
  background-color: #fdfdfd;
  color: var(--soft-black, #64728c);
}
.org-structure-change[data-v-6c06ba08]:focus:enabled {
  background-color: #fdfdfd;
  color: var(--soft-black, #64728c);
}
.org-structure-add[data-v-6c06ba08] {
  width: 120px;
  padding: 10px 16px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.org-action[data-v-6c06ba08] {
  display: flex;
  list-style: none;
  position: relative;
}
.org-action-icon[data-v-6c06ba08] {
  margin-right: 0.5rem;
}
.org-action-icon[data-v-6c06ba08]:last-child {
  margin-right: unset;
}
.org-action-description[data-v-6c06ba08] {
  display: flex;
  cursor: pointer;
  font-size: 12px;
  padding: 0.2rem 1rem;
}
.org-action-description[data-v-6c06ba08]:hover {
  background-color: #f6f7f9;
}
.org-action[data-v-6c06ba08] .oxd-dropdown-menu {
  right: 0;
  top: 40px;
  left: unset;
}
.org-action-icon[data-v-6c06ba08] {
  border-radius: 6px !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/qtasnimhrmOrganizationManagementPlugin/pages/organizationDecree/OrgHistoryTree.vue?vue&type=style&index=1&id=6c06ba08&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-tree-node-content {
  width: 100%;
}
.oxd-tree-node-toggle {
  top: 1.2rem;
}
.oxd-tree-node-toggle .oxd-icon-button {
  background-color: var(--oxd-white-color, #ffffff) !important;
}
.oxd-tree-node-wrapper::before {
  top: 1.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]!./src/qtasnimhrmOrganizationManagementPlugin/pages/organizationDecree/OrganizationDecree.vue?vue&type=style&index=0&id=6e4833c6&lang=scss&scoped=true ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-6e4833c6] {
  padding: 24px 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]!./src/qtasnimhrmOrganizationManagementPlugin/pages/organizationDecree/organization-decree.scss?vue&type=style&index=1&id=6e4833c6&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dialog-modal[data-v-6e4833c6] {
  max-width: 348px !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/qtasnimhrmOrganizationManagementPlugin/pages/organizationManagementHistory/OrganizationManagementHistory.vue?vue&type=style&index=0&id=0ec7ea3b&lang=scss&scoped=true ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-container[data-v-0ec7ea3b] {
  padding: 24px 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]!./src/qtasnimhrmOrganizationManagementPlugin/pages/organizationManagementHistory/organization-history.scss?vue&type=style&index=1&id=0ec7ea3b&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dialog-modal[data-v-0ec7ea3b] {
  max-width: 348px !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/qtasnimhrmEmployeeDataMaintenancePlugin/components/TabsNavigation.vue?vue&type=style&index=0&id=204bceca&lang=scss&scoped=true ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-tabs[data-v-204bceca] {
  display: flex;
  flex-wrap: nowrap;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-tabs-wrapper[data-v-204bceca] {
  display: flex;
}
.orangehrm-tabs-item[data-v-204bceca] {
  height: 35px;
  line-height: 35px;
  padding: 0rem 1rem;
  border-radius: 0.85rem;
  flex: 100%;
  color: var(--oxd-interface-gray-darken-1-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-204bceca] {
    margin-right: 0.25rem;
    background-color: var(--oxd-background-pastel-white-color, #f6f5fb);
    white-space: nowrap;
}
.orangehrm-tabs-item.--active[data-v-204bceca], .orangehrm-tabs-item[data-v-204bceca]:hover {
    background-color: var(--oxd-primary-one-color);
    color: var(--oxd-white-color, #ffffff);
}
}
@media (min-width: 800px) {
.orangehrm-tabs-item[data-v-204bceca] {
    margin-right: unset;
    margin-bottom: 0.25rem;
    background-color: unset;
    white-space: wrap;
}
.orangehrm-tabs-item.--active[data-v-204bceca], .orangehrm-tabs-item[data-v-204bceca]:hover {
    background: linear-gradient(90deg, #eb7d25 0%, #e85b2a 100%);
    color: #ffffff;
}
}
@media (min-width: 0px) {
.orangehrm-tabs[data-v-204bceca] {
    flex-direction: row;
    overflow: scroll hidden;
    padding-bottom: 5px;
}
}
@media (min-width: 800px) {
.orangehrm-tabs[data-v-204bceca] {
    flex-direction: column;
    overflow: visible;
    padding-bottom: unset;
}
}
.orangehrm-tabs[data-v-204bceca]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-tabs[data-v-204bceca]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-tabs[data-v-204bceca]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-tabs[data-v-204bceca] {
    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]!./src/qtasnimhrmEmployeeDataMaintenancePlugin/components/TabsNavigationHeader.vue?vue&type=style&index=0&id=1870fa88&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-tabs[data-v-1870fa88] {
  display: flex;
  flex-direction: row;
  padding-top: 25px;
  padding-right: 25px;
  padding-left: 25px;
}
.orangehrm-tabs-wrapper[data-v-1870fa88] {
  background-color: #f6f5fb;
  color: #64728c;
  margin: 2px;
  border-radius: 12px;
  width: 25%;
  text-align: center;
}
.orangehrm-tabs-item[data-v-1870fa88] {
  height: 35px;
  line-height: 35px;
  padding: 0rem 1rem;
  border-radius: 12px;
  flex: 100%;
  color: #64728c;
  text-decoration: none;
  font-size: 14px;
  font-family: "Nunito Sans", sans-serif;
  font-weight: 700;
  text-align: center;
}
.orangehrm-tabs-item[data-v-1870fa88]:hover {
  display: block;
  align-items: center;
  gap: 10px;
  background: #ffeae2;
  color: var(--oxd-primary-one-color, #ff7b1d);
  border-radius: 12px;
}
.orangehrm-tabs-item.--active[data-v-1870fa88] {
  display: block;
  align-items: center;
  background: #ffeae2;
  color: var(--oxd-primary-one-color, #ff7b1d);
  border-radius: 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]!./src/qtasnimhrmEmployeeDataMaintenancePlugin/styles/employee.data.scss?vue&type=style&index=0&id=0b0b87f5&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-left-bar[data-v-0b0b87f5] {
  cursor: pointer;
  max-width: 220px;
  padding: 1rem;
  box-sizing: border-box;
  border-right: 1px solid gray;
  display: block;
}
.orangehrm-employee-container[data-v-0b0b87f5] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-0b0b87f5] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-0b0b87f5] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-0b0b87f5] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-0b0b87f5] {
  flex: 1 1 75%;
}
.user-form-header[data-v-0b0b87f5] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-0b0b87f5] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-0b0b87f5] .--status-grouped-field {
  display: flex;
}
[data-v-0b0b87f5] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-0b0b87f5] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-0b0b87f5] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-0b0b87f5] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-0b0b87f5] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-0b0b87f5] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-0b0b87f5] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-0b0b87f5] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-0b0b87f5] .employee-image {
  height: 12rem;
}
[data-v-0b0b87f5] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-0b0b87f5] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-header[data-v-0b0b87f5] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-footer-wrap[data-v-0b0b87f5] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 25px;
}
.qtasnim-oxd-text[data-v-0b0b87f5] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-pagination button[data-v-0b0b87f5] {
  border: 1px solid red !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]!./src/qtasnimhrmEmployeeDataMaintenancePlugin/styles/employee.data.scss?vue&type=style&index=0&id=b958c50a&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-left-bar[data-v-b958c50a] {
  cursor: pointer;
  max-width: 220px;
  padding: 1rem;
  box-sizing: border-box;
  border-right: 1px solid gray;
  display: block;
}
.orangehrm-employee-container[data-v-b958c50a] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-b958c50a] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-b958c50a] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-b958c50a] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-b958c50a] {
  flex: 1 1 75%;
}
.user-form-header[data-v-b958c50a] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-b958c50a] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-b958c50a] .--status-grouped-field {
  display: flex;
}
[data-v-b958c50a] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-b958c50a] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-b958c50a] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-b958c50a] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-b958c50a] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-b958c50a] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-b958c50a] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-b958c50a] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-b958c50a] .employee-image {
  height: 12rem;
}
[data-v-b958c50a] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-b958c50a] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-header[data-v-b958c50a] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-footer-wrap[data-v-b958c50a] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 25px;
}
.qtasnim-oxd-text[data-v-b958c50a] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-pagination button[data-v-b958c50a] {
  border: 1px solid red !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]!./src/qtasnimhrmEmployeeDataMaintenancePlugin/styles/employee.data.scss?vue&type=style&index=0&id=1e3080aa&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-left-bar[data-v-1e3080aa] {
  cursor: pointer;
  max-width: 220px;
  padding: 1rem;
  box-sizing: border-box;
  border-right: 1px solid gray;
  display: block;
}
.orangehrm-employee-container[data-v-1e3080aa] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-1e3080aa] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-1e3080aa] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-1e3080aa] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-1e3080aa] {
  flex: 1 1 75%;
}
.user-form-header[data-v-1e3080aa] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-1e3080aa] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-1e3080aa] .--status-grouped-field {
  display: flex;
}
[data-v-1e3080aa] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-1e3080aa] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-1e3080aa] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-1e3080aa] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-1e3080aa] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-1e3080aa] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-1e3080aa] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-1e3080aa] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-1e3080aa] .employee-image {
  height: 12rem;
}
[data-v-1e3080aa] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-1e3080aa] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-header[data-v-1e3080aa] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-footer-wrap[data-v-1e3080aa] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 25px;
}
.qtasnim-oxd-text[data-v-1e3080aa] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-pagination button[data-v-1e3080aa] {
  border: 1px solid red !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/qtasnimhrmEmployeeDataMaintenancePlugin/components/form_employeprofile/FamilyRelation.vue?vue&type=style&index=1&id=1e3080aa&lang=scss&scoped=true ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
button[data-v-1e3080aa] {
  background: red;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/qtasnimhrmEmployeeDataMaintenancePlugin/styles/employee.data.scss?vue&type=style&index=0&id=e7029134&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.qtasnim-left-bar[data-v-e7029134] {
  cursor: pointer;
  max-width: 220px;
  padding: 1rem;
  box-sizing: border-box;
  border-right: 1px solid gray;
  display: block;
}
.orangehrm-employee-container[data-v-e7029134] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-e7029134] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-e7029134] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-e7029134] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-e7029134] {
  flex: 1 1 75%;
}
.user-form-header[data-v-e7029134] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-e7029134] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-e7029134] .--status-grouped-field {
  display: flex;
}
[data-v-e7029134] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-e7029134] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-e7029134] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-e7029134] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-e7029134] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-e7029134] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-e7029134] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-e7029134] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-e7029134] .employee-image {
  height: 12rem;
}
[data-v-e7029134] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-e7029134] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
.qtasnim-header[data-v-e7029134] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.qtasnim-footer-wrap[data-v-e7029134] {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 25px;
}
.qtasnim-oxd-text[data-v-e7029134] {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.qtasnim-pagination button[data-v-e7029134] {
  border: 1px solid red !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/qtasnimhrmEmployeeDataMaintenancePlugin/pages/EmployeeDataMaintenance.vue?vue&type=style&index=0&id=c005d680&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-card-container[data-v-c005d680] {
  padding: unset;
}
.orangehrm-edit-employee[data-v-c005d680] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-edit-employee[data-v-c005d680] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee[data-v-c005d680] {
    flex-direction: row;
}
}
.orangehrm-edit-employee-navigation[data-v-c005d680] {
  width: 100%;
  padding: 1rem;
  box-sizing: border-box;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-navigation[data-v-c005d680] {
    width: 220px;
}
}
.orangehrm-edit-employee-content[data-v-c005d680] {
  flex: 1;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-content[data-v-c005d680] {
    border-left: 1px solid #e8eaef;
}
}
.orangehrm-edit-employee-name[data-v-c005d680] {
  text-align: center;
  padding-left: 1rem;
  padding-right: 1rem;
  word-break: break-word;
}
.orangehrm-edit-employee-name .--strong[data-v-c005d680] {
  font-weight: 700;
  font-size: 1.2rem;
}
.orangehrm-edit-employee-image-wrapper[data-v-c005d680] {
  padding-bottom: 1.2rem;
}
@media (min-width: 800px) {
.orangehrm-edit-employee-image-wrapper[data-v-c005d680] {
    padding-top: 1.2rem;
}
}
.orangehrm-edit-employee-image[data-v-c005d680] {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  display: flex;
  cursor: pointer;
  overflow: hidden;
  justify-content: center;
  box-sizing: border-box;
  border: 0.5rem solid var(--oxd-background-pastel-white-color, #f6f5fb);
  box-shadow: 1px 1px 18px 11px hsla(238, 13%, 76%, 0.24);
}
.orangehrm-edit-employee-imagesection[data-v-c005d680] {
  display: flex;
  align-items: center;
}
@media (min-width: 0px) {
.orangehrm-edit-employee-imagesection[data-v-c005d680] {
    flex-direction: row-reverse;
    justify-content: flex-end;
}
}
@media (min-width: 800px) {
.orangehrm-edit-employee-imagesection[data-v-c005d680] {
    flex-direction: column;
    justify-content: 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/qtasnimhrmTrainingPlugin/pages/shipSurveyQualification/SaveShipSurveyQualification.vue?vue&type=style&index=0&id=93bc3410&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-93bc3410] {
  max-width: 348px !important;
}
.level-label[data-v-93bc3410] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-93bc3410] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/qtasnimhrmTrainingPlugin/pages/shipSurveyQualification/ship-survey-qualification.scss?vue&type=style&index=1&id=93bc3410&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-93bc3410] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-93bc3410] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-93bc3410] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-93bc3410] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-93bc3410] {
  max-width: 348px !important;
}
.orangeui-container-form-filters[data-v-93bc3410] {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
}
.orangeui-button-primary[data-v-93bc3410] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-93bc3410]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-93bc3410]:focus {
  background: var(--acsent, #72b521);
}
.orangeui-button-reset[data-v-93bc3410] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  color: var(--gray, #B0B0B0);
  background: var(--white, #FFF);
  border: 1px solid var(--gray-2, #E8EAEF);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-reset[data-v-93bc3410]:hover {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.orangeui-button-reset[data-v-93bc3410]:focus {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.ship-survey-container[data-v-93bc3410] {
  display: flex;
  padding: 24px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  background: var(--gray-2, #E8EAEF);
}
.ship-survey-container > .card-ship-survey[data-v-93bc3410] {
  display: flex;
  min-height: 45px;
  border-radius: 1.2rem;
  min-width: 100%;
  background-color: var(--oxd-white-color, #FFF);
}
.ship-title-form[data-v-93bc3410] {
  display: flex;
  width: 15%;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
}
.ship-title-form > .title[data-v-93bc3410] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form[data-v-93bc3410] {
  display: flex;
  width: 100%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-radius: 0px 12px 12px 0px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form > .content[data-v-93bc3410] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}

/* container */
.four-columns[data-v-93bc3410] {
  display: flex;
}

/* columns */
.four-columns > *[data-v-93bc3410] {
  width: 25%;
}
.ship-title-form-four-column[data-v-93bc3410] {
  display: flex;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
  width: 12%;
}
.ship-title-form-four-column > .title[data-v-93bc3410] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form-four-column[data-v-93bc3410] {
  display: flex;
  width: 30%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form-four-column > .content[data-v-93bc3410] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}
.border-right[data-v-93bc3410] {
  border-right: 1px solid var(--gray-2, #e8eaef);
}
.qualifyingStatus[data-v-93bc3410] {
  color: blue;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmTrainingPlugin/pages/shipSurveyQualification/EditShipSurveyQualification.vue?vue&type=style&index=0&id=d2c46d6a&scoped=true&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.modal-view[data-v-d2c46d6a] {
  max-width: 348px !important;
}
.level-label[data-v-d2c46d6a] {
  font-size: 0.75rem;
}

/* dialog close */
button.oxd-dialog-close-button.oxd-dialog-close-button-position[data-v-d2c46d6a] {
  position: absolute;
  left: 22.53%;
  right: 22.53%;
  top: 22.53%;
  bottom: 22.53%;
  background: #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]!./src/qtasnimhrmTrainingPlugin/pages/shipSurveyQualification/ship-survey-qualification.scss?vue&type=style&index=1&id=d2c46d6a&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-d2c46d6a] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-d2c46d6a] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-d2c46d6a] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-d2c46d6a] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-d2c46d6a] {
  max-width: 348px !important;
}
.orangeui-container-form-filters[data-v-d2c46d6a] {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
}
.orangeui-button-primary[data-v-d2c46d6a] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-d2c46d6a]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-d2c46d6a]:focus {
  background: var(--acsent, #72b521);
}
.orangeui-button-reset[data-v-d2c46d6a] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  color: var(--gray, #B0B0B0);
  background: var(--white, #FFF);
  border: 1px solid var(--gray-2, #E8EAEF);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-reset[data-v-d2c46d6a]:hover {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.orangeui-button-reset[data-v-d2c46d6a]:focus {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.ship-survey-container[data-v-d2c46d6a] {
  display: flex;
  padding: 24px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  background: var(--gray-2, #E8EAEF);
}
.ship-survey-container > .card-ship-survey[data-v-d2c46d6a] {
  display: flex;
  min-height: 45px;
  border-radius: 1.2rem;
  min-width: 100%;
  background-color: var(--oxd-white-color, #FFF);
}
.ship-title-form[data-v-d2c46d6a] {
  display: flex;
  width: 15%;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
}
.ship-title-form > .title[data-v-d2c46d6a] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form[data-v-d2c46d6a] {
  display: flex;
  width: 100%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-radius: 0px 12px 12px 0px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form > .content[data-v-d2c46d6a] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}

/* container */
.four-columns[data-v-d2c46d6a] {
  display: flex;
}

/* columns */
.four-columns > *[data-v-d2c46d6a] {
  width: 25%;
}
.ship-title-form-four-column[data-v-d2c46d6a] {
  display: flex;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
  width: 12%;
}
.ship-title-form-four-column > .title[data-v-d2c46d6a] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form-four-column[data-v-d2c46d6a] {
  display: flex;
  width: 30%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form-four-column > .content[data-v-d2c46d6a] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}
.border-right[data-v-d2c46d6a] {
  border-right: 1px solid var(--gray-2, #e8eaef);
}
.qualifyingStatus[data-v-d2c46d6a] {
  color: blue;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/qtasnimhrmTrainingPlugin/pages/shipSurveyQualification/employee.scss?vue&type=style&index=0&id=39b9c7b5&lang=scss&scoped=true&external ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-39b9c7b5] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-39b9c7b5] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-39b9c7b5] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-39b9c7b5] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-39b9c7b5] {
  flex: 1 1 75%;
}
.user-form-header[data-v-39b9c7b5] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-39b9c7b5] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-39b9c7b5] .--status-grouped-field {
  display: flex;
}
[data-v-39b9c7b5] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-39b9c7b5] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-39b9c7b5] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-39b9c7b5] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-39b9c7b5] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-39b9c7b5] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-39b9c7b5] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-39b9c7b5] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-39b9c7b5] .employee-image {
  height: 12rem;
}
[data-v-39b9c7b5] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-39b9c7b5] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/qtasnimhrmTrainingPlugin/pages/shipSurveyQualification/ship-survey-qualification.scss?vue&type=style&index=1&id=39b9c7b5&lang=scss&scoped=true&external ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-39b9c7b5] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-39b9c7b5] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-39b9c7b5] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-39b9c7b5] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-39b9c7b5] {
  max-width: 348px !important;
}
.orangeui-container-form-filters[data-v-39b9c7b5] {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
}
.orangeui-button-primary[data-v-39b9c7b5] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-39b9c7b5]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-39b9c7b5]:focus {
  background: var(--acsent, #72b521);
}
.orangeui-button-reset[data-v-39b9c7b5] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  color: var(--gray, #B0B0B0);
  background: var(--white, #FFF);
  border: 1px solid var(--gray-2, #E8EAEF);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-reset[data-v-39b9c7b5]:hover {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.orangeui-button-reset[data-v-39b9c7b5]:focus {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.ship-survey-container[data-v-39b9c7b5] {
  display: flex;
  padding: 24px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  background: var(--gray-2, #E8EAEF);
}
.ship-survey-container > .card-ship-survey[data-v-39b9c7b5] {
  display: flex;
  min-height: 45px;
  border-radius: 1.2rem;
  min-width: 100%;
  background-color: var(--oxd-white-color, #FFF);
}
.ship-title-form[data-v-39b9c7b5] {
  display: flex;
  width: 15%;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
}
.ship-title-form > .title[data-v-39b9c7b5] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form[data-v-39b9c7b5] {
  display: flex;
  width: 100%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-radius: 0px 12px 12px 0px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form > .content[data-v-39b9c7b5] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}

/* container */
.four-columns[data-v-39b9c7b5] {
  display: flex;
}

/* columns */
.four-columns > *[data-v-39b9c7b5] {
  width: 25%;
}
.ship-title-form-four-column[data-v-39b9c7b5] {
  display: flex;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
  width: 12%;
}
.ship-title-form-four-column > .title[data-v-39b9c7b5] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form-four-column[data-v-39b9c7b5] {
  display: flex;
  width: 30%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form-four-column > .content[data-v-39b9c7b5] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}
.border-right[data-v-39b9c7b5] {
  border-right: 1px solid var(--gray-2, #e8eaef);
}
.qualifyingStatus[data-v-39b9c7b5] {
  color: blue;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/qtasnimhrmTrainingPlugin/pages/generalQualification/style/general-qualification.scss?vue&type=style&index=0&id=7a6c1304&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-7a6c1304] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-7a6c1304] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-7a6c1304] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-7a6c1304] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-7a6c1304] {
  max-width: 348px !important;
}
.orangeui-container-form-filters[data-v-7a6c1304] {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
}
.orangeui-button-primary[data-v-7a6c1304] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-7a6c1304]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-7a6c1304]:focus {
  background: var(--acsent, #72b521);
}
.orangeui-button-reset[data-v-7a6c1304] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  color: var(--gray, #B0B0B0);
  background: var(--white, #FFF);
  border: 1px solid var(--gray-2, #E8EAEF);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-reset[data-v-7a6c1304]:hover {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.orangeui-button-reset[data-v-7a6c1304]:focus {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.ship-survey-container[data-v-7a6c1304] {
  display: flex;
  padding: 24px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  background: var(--gray-2, #E8EAEF);
}
.ship-survey-container > .card-ship-survey[data-v-7a6c1304] {
  display: flex;
  min-height: 45px;
  border-radius: 1.2rem;
  min-width: 100%;
  background-color: var(--oxd-white-color, #FFF);
}
.ship-title-form[data-v-7a6c1304] {
  display: flex;
  width: 15%;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
}
.ship-title-form > .title[data-v-7a6c1304] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form[data-v-7a6c1304] {
  display: flex;
  width: 100%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-radius: 0px 12px 12px 0px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form > .content[data-v-7a6c1304] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}

/* container */
.four-columns[data-v-7a6c1304] {
  display: flex;
}

/* columns */
.four-columns > *[data-v-7a6c1304] {
  width: 25%;
}
.ship-title-form-four-column[data-v-7a6c1304] {
  display: flex;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
  width: 12%;
}
.ship-title-form-four-column > .title[data-v-7a6c1304] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form-four-column[data-v-7a6c1304] {
  display: flex;
  width: 30%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form-four-column > .content[data-v-7a6c1304] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}
.border-right[data-v-7a6c1304] {
  border-right: 1px solid var(--gray-2, #e8eaef);
}
.qualifyingStatus[data-v-7a6c1304] {
  color: blue;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmTrainingPlugin/pages/trainingApproval/components/trainingDetail/TrainingDetailList.vue?vue&type=style&index=0&id=245cc5f8&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.container-apply-button {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin-bottom: 20px;
}
.button-apply {
  margin-left: 10px;
  margin-top: 10px;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmTrainingPlugin/pages/trainingApply/components/trainingDetail/TrainingDetailList.vue?vue&type=style&index=0&id=41780726&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.container-apply-button {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: end;
  margin-bottom: 20px;
}
.button-apply {
  margin-left: 10px;
  margin-top: 10px;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmTrainingPlugin/pages/skillDevTraining/Stepper.vue?vue&type=style&index=0&id=111ca55e&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.active-text {
  color: var(--primary, #363e91);
  text-align: center;
  font-family: Nunito Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 120%; /* 14.4px */
  letter-spacing: 0.06px;
}
.not-active-text {
  color: var(--primary, #64728c);
  text-align: center;
  font-family: Nunito Sans, sans-serif;
  font-size: 12px;
  font-weight: 600;
  line-height: 120%; /* 14.4px */
  letter-spacing: 0.06px;
}
.grid-cols {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: 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/qtasnimhrmTrainingPlugin/pages/skillDevTraining/SaveSkillDevTraining.vue?vue&type=style&index=0&id=63164144&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.container-title {
  border: 1px solid var(--line-gray, #eaeaea);
  padding: 20px;
}
.no-border-top {
  border-top: 0px !important;
}
.list-employee-table-action {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: 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/qtasnimhrmTrainingPlugin/pages/skillDevTraining/components/skillDevTrainingDet/DetSkillDevTrainingDet.vue?vue&type=style&index=0&id=e4238e3c&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.action-container {
  display: flex;
  flex-direction: row;
  justify-content: end;
  width: 100%;
  margin-bottom: 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]!./src/qtasnimhrmTrainingPlugin/pages/skillDevTraining/DetailSkillDevTraining.vue?vue&type=style&index=0&id=aadc751c&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.container-title {
  border: 1px solid var(--line-gray, #eaeaea);
  padding: 20px;
}
.no-border-top {
  border-top: 0px !important;
}
.list-employee-table-action {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: 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/qtasnimhrmTrainingPlugin/pages/trainingRecap/components/GeneralRecapCard.vue?vue&type=style&index=0&id=2a9f10f0&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.oxd-table-card {
  min-height: 45px;
  border-radius: 1.2rem;
  background-color: var(--oxd-white-color, #ffffff);
}
.oxd-table-row {
  display: flex !important;
  flex-direction: row !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  height: 100% !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
}
.oxd-table-body {
  font-weight: 400;
  display: grid;
  grid-gap: 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]!./src/qtasnimhrmTrainingPlugin/pages/trainingRecap/style/employee.scss?vue&type=style&index=0&id=46729a42&lang=scss&scoped=true&external ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-employee-container[data-v-46729a42] {
  display: flex;
}
@media (min-width: 0px) {
.orangehrm-employee-container[data-v-46729a42] {
    flex-direction: column;
}
}
@media (min-width: 800px) {
.orangehrm-employee-container[data-v-46729a42] {
    flex-direction: row;
}
}
.orangehrm-employee-container .orangehrm-employee-image[data-v-46729a42] {
  flex: 1 1 25%;
  padding: 1rem;
  text-align: center;
}
.orangehrm-employee-container .orangehrm-employee-form[data-v-46729a42] {
  flex: 1 1 75%;
}
.user-form-header[data-v-46729a42] {
  display: flex;
  padding: 1rem 0;
}
.user-form-header-text[data-v-46729a42] {
  font-size: 0.8rem;
  margin-right: 1rem;
}
[data-v-46729a42] .--status-grouped-field {
  display: flex;
}
[data-v-46729a42] .--gender-grouped-field {
  display: flex;
}
.orangehrm-employee-list[data-v-46729a42] .card-header-slot {
  border-bottom: 1px solid #e8eaef;
  margin-bottom: 5px;
}
.orangehrm-employee-list[data-v-46729a42] .card-header-slot .oxd-table-card-cell {
  display: flex;
}
.orangehrm-employee-list[data-v-46729a42] .card-header-slot .header {
  margin-right: 5px;
  font-size: 1rem;
}
.orangehrm-employee-list[data-v-46729a42] .card-header-slot-content.--left {
  display: flex;
  align-items: center;
}
.orangehrm-employee-list[data-v-46729a42] .card-body-slot {
  display: unset;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 0.2rem;
}
.orangehrm-employee-picture[data-v-46729a42] {
  text-align: center;
  margin: 0 auto;
  margin-bottom: 8rem;
}
.orangehrm-employee-picture[data-v-46729a42] .oxd-file-div {
  width: 12rem !important;
  height: 12rem !important;
}
.orangehrm-employee-picture[data-v-46729a42] .employee-image {
  height: 12rem;
}
[data-v-46729a42] .--termination-button {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.orangehrm-terminate-date[data-v-46729a42] {
  cursor: pointer;
  color: var(--oxd-primary-one-color);
  text-decoration: underline;
  font-size: 0.75rem;
  font-weight: 800;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/qtasnimhrmTrainingPlugin/pages/trainingRecap/style/general-qualification.scss?vue&type=style&index=1&id=46729a42&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangeui-parent-container[data-v-46729a42] {
  display: flex;
  padding: 16px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 16px;
  align-self: stretch;
  border-radius: 24px 24px 0px 0px;
}
.orangeui-header-container[data-v-46729a42] {
  display: flex;
  padding: 16px 20px;
  justify-content: center;
  align-items: center;
  gap: 16px;
  align-self: stretch;
  border-top: 1px solid #E8EAEF;
  background: var(--white, #FFF);
}
.orangeui-parent-title[data-v-46729a42] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.1px;
}
.orangeui-main-title[data-v-46729a42] {
  display: flex;
  flex-direction: column;
  flex: 1 0 0;
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: 0.08px;
  margin-left: 1.5rem;
}
.orangehrm-dialog-modal[data-v-46729a42] {
  max-width: 348px !important;
}
.orangeui-container-form-filters[data-v-46729a42] {
  margin-top: 1rem;
  display: flex;
  justify-content: flex-start;
}
.orangeui-button-primary[data-v-46729a42] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  background: var(--acsent, #76BC21);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-primary[data-v-46729a42]:hover {
  background: var(--acsent, #72b521);
}
.orangeui-button-primary[data-v-46729a42]:focus {
  background: var(--acsent, #72b521);
}
.orangeui-button-reset[data-v-46729a42] {
  display: flex;
  width: 140px;
  padding: 12px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 100px;
  color: var(--gray, #B0B0B0);
  background: var(--white, #FFF);
  border: 1px solid var(--gray-2, #E8EAEF);
  box-shadow: 0px 4px 6px 0px rgba(168, 168, 168, 0.25);
}
.orangeui-button-reset[data-v-46729a42]:hover {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.orangeui-button-reset[data-v-46729a42]:focus {
  background-color: #fdfdfd;
  color: var(--gray, #B0B0B0);
}
.ship-survey-container[data-v-46729a42] {
  display: flex;
  padding: 24px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  align-self: stretch;
  background: var(--gray-2, #E8EAEF);
}
.ship-survey-container > .card-ship-survey[data-v-46729a42] {
  display: flex;
  min-height: 45px;
  border-radius: 1.2rem;
  min-width: 100%;
  background-color: var(--oxd-white-color, #FFF);
}
.ship-title-form[data-v-46729a42] {
  display: flex;
  width: 15%;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
}
.ship-title-form > .title[data-v-46729a42] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form[data-v-46729a42] {
  display: flex;
  width: 100%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-radius: 0px 12px 12px 0px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form > .content[data-v-46729a42] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}

/* container */
.four-columns[data-v-46729a42] {
  display: flex;
}

/* columns */
.four-columns > *[data-v-46729a42] {
  width: 25%;
}
.ship-title-form-four-column[data-v-46729a42] {
  display: flex;
  padding: 15px 16px 16px 24px;
  align-items: center;
  gap: 24px;
  width: 12%;
}
.ship-title-form-four-column > .title[data-v-46729a42] {
  color: var(--soft-black, #64728C);
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 0.07px;
}
.ship-content-form-four-column[data-v-46729a42] {
  display: flex;
  width: 30%;
  padding: 17px 16px 17px 24px;
  justify-content: flex-start;
  align-items: center;
  gap: 24px;
  border-left: 1px solid var(--gray-2, #E8EAEF);
}
.ship-content-form-four-column > .content[data-v-46729a42] {
  color: var(--soft-black, #64728C);
  font-family: "Nunito Sans", sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.06px;
}
.border-right[data-v-46729a42] {
  border-right: 1px solid var(--gray-2, #e8eaef);
}
.qualifyingStatus[data-v-46729a42] {
  color: blue;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmTrainingPlugin/pages/QualificationInGeneral/SaveQualificationInGeneral.vue?vue&type=style&index=0&id=b8613004&lang=css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.button-mapping {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-top: 20px;
  margin-bottom: 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]!./src/qtasnimhrmSalaryAdministrationPlugin/pages/salary/components/EditSalary.vue?vue&type=style&index=0&id=4b338890&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.btn-submits[data-v-4b338890] {
  margin-right: 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]!./src/qtasnimhrmSalaryAdministrationPlugin/pages/salaryKontrak/components/SalaryDetail.vue?vue&type=style&index=0&id=43c9694d&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dialog-modals {
  width: 117%;
  max-width: 795px;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/qtasnimhrmSalaryAdministrationPlugin/pages/salaryKontrak/components/EditSalary.vue?vue&type=style&index=0&id=b767bdf4&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.btn-submits[data-v-b767bdf4] {
  margin-right: 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]!./src/qtasnimhrmSalaryAdministrationPlugin/pages/salaryAdditional/components/SalaryDetail.vue?vue&type=style&index=0&id=32b3ae74&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-dialog-modals {
  width: 117%;
  max-width: 795px;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/qtasnimhrmSalaryAdministrationPlugin/pages/salaryAdditional/components/EditSalary.vue?vue&type=style&index=0&id=18146abf&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.btn-submits[data-v-18146abf] {
  margin-right: 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]!./src/qtasnimhrmTimeAttendancePlugin/components/EditCalendarGroup.vue?vue&type=style&index=0&id=432bc635&lang=scss&scoped=true ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.form-edit-calendar[data-v-432bc635] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/qtasnimhrmTimeAttendancePlugin/pages/Calendar.vue?vue&type=style&index=0&id=2dc44f20&lang=scss&scoped=true ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-calendar-card[data-v-2dc44f20] {
  height: auto;
  cursor: pointer;
  overflow: hidden;
  padding: 0.5rem 1rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-calendar-card-header[data-v-2dc44f20] {
  font-size: 30px;
  min-height: 28px;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0.75rem;
  word-break: break-word;
  color: var(--oxd-primary-one-color);
}
.orangehrm-calendar-card-header.--break-words[data-v-2dc44f20] {
  position: relative;
  overflow: hidden;
  max-height: 2;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-calendar-card-header.--break-words[data-v-2dc44f20]: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-calendar-card-header.--break-words[data-v-2dc44f20] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-calendar-card-header.--break-words[data-v-2dc44f20]:after {
    display: none;
}
}
.orangehrm-calendar-card .modal-width[data-v-2dc44f20] {
  width: 750px !important;
}
.orangehrm-calendar-card-subtitle[data-v-2dc44f20] {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0.75rem;
  word-break: break-word;
  color: var(--oxd-secondary-four-color);
}
.orangehrm-calendar-card-subtitle.--break-words[data-v-2dc44f20] {
  position: relative;
  overflow: hidden;
  max-height: 1;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-calendar-card-subtitle.--break-words[data-v-2dc44f20]: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-calendar-card-subtitle.--break-words[data-v-2dc44f20] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-calendar-card-subtitle.--break-words[data-v-2dc44f20]:after {
    display: none;
}
}
@media (min-width: 800px) {
.orangehrm-calendar-card[data-v-2dc44f20] {
    min-height: 200px;
}
}
.orangehrm-container[data-v-2dc44f20] {
  height: 512px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-2dc44f20]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-2dc44f20]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-2dc44f20]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-2dc44f20] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-2dc44f20] {
  margin: 0 auto;
  background-color: var(--oxd-white-color, #ffffff);
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmTimeAttendancePlugin/pages/AttendanceRecap/components/LoadingPercentage.vue?vue&type=style&index=0&id=68950118&scoped=true&lang=css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.loading-progress[data-v-68950118] {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.progress-bar[data-v-68950118] {
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
  background-color: #45a459;
  border-radius: 4px;
  transition: width 0.3s ease-in-out;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmTimeAttendancePlugin/pages/AttendanceRecap/AttendanceRecapList.vue?vue&type=style&index=0&id=4a43b96e&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.padding-qtable {
  margin: 20px;
  width: 98%;
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/qtasnimhrmTimeAttendancePlugin/pages/Recap.vue?vue&type=style&index=0&id=8dfac066&lang=scss&scoped=true ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.orangehrm-calendar-card[data-v-8dfac066] {
  height: auto;
  cursor: pointer;
  overflow: hidden;
  padding: 0.5rem 1rem;
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.orangehrm-calendar-card-header[data-v-8dfac066] {
  font-size: 30px;
  min-height: 28px;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0.75rem;
  word-break: break-word;
  color: var(--oxd-primary-one-color);
}
.orangehrm-calendar-card-header.--break-words[data-v-8dfac066] {
  position: relative;
  overflow: hidden;
  max-height: 2;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-calendar-card-header.--break-words[data-v-8dfac066]: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-calendar-card-header.--break-words[data-v-8dfac066] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-calendar-card-header.--break-words[data-v-8dfac066]:after {
    display: none;
}
}
.orangehrm-calendar-card .modal-width[data-v-8dfac066] {
  width: 750px !important;
}
.orangehrm-calendar-card-subtitle[data-v-8dfac066] {
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  margin-bottom: 0.75rem;
  word-break: break-word;
  color: var(--oxd-secondary-four-color);
}
.orangehrm-calendar-card-subtitle.--break-words[data-v-8dfac066] {
  position: relative;
  overflow: hidden;
  max-height: 1;
  line-height: 1;
  justify-content: space-between;
  word-break: break-all;
}
.orangehrm-calendar-card-subtitle.--break-words[data-v-8dfac066]: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-calendar-card-subtitle.--break-words[data-v-8dfac066] {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.orangehrm-calendar-card-subtitle.--break-words[data-v-8dfac066]:after {
    display: none;
}
}
@media (min-width: 800px) {
.orangehrm-calendar-card[data-v-8dfac066] {
    min-height: 200px;
}
}
.orangehrm-container[data-v-8dfac066] {
  height: 512px;
  overflow: auto;
  overflow-x: hidden;
  scrollbar-color: #cfd3de #f6f5fb;
  scrollbar-width: thin;
}
.orangehrm-container[data-v-8dfac066]::-webkit-scrollbar {
  width: 0.5rem;
  height: 0.5rem;
}
.orangehrm-container[data-v-8dfac066]::-webkit-scrollbar-thumb {
  background: #cfd3de;
  border-radius: 20px;
}
.orangehrm-container[data-v-8dfac066]::-webkit-scrollbar-track {
  background: #f6f5fb;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.orangehrm-container[data-v-8dfac066] {
    scrollbar-face-color: #cfd3de;
    scrollbar-track-color: #f6f5fb;
    scrollbar-arrow-color: #929baa;
}
}
.orangehrm-container-loader[data-v-8dfac066] {
  margin: 0 auto;
  background-color: var(--oxd-white-color, #ffffff);
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/CountryAutocomplete.vue?vue&type=style&index=0&id=029614cc&scoped=true&lang=css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

span[data-v-029614cc] {
  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]!./src/qtasnimhrmExpensesManagementPlugin/pages/employeeSpd/detail/reimburse/SaveReimburse.vue?vue&type=style&index=0&id=280a46da&lang=css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.button-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: end;
  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]!./src/qtasnimhrmExpensesManagementPlugin/pages/employeeSpd/detail/reimburse/Reimburse.vue?vue&type=style&index=0&id=1786ffd7&lang=css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.custom-dialog-modal {
  width: 100% !important;
  max-width: 800px !important;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/AdditionalEmployeeAutocomplete.vue?vue&type=style&index=0&id=5610b6b1&scoped=true&lang=css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.past-employee-tag[data-v-5610b6b1] {
  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]!./src/qtasnimReimbursementManagementPlugin/pages/Benefit/BenefitList.vue?vue&type=style&index=0&id=38b0c82d&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.scrollable-table {
  max-height: 1500px;
  overflow-y: auto;
  overflow-x: 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]!./src/qtasnimReimbursementManagementPlugin/pages/ReimbursementManagement/ReimbursementManagementList.vue?vue&type=style&index=0&id=51b19235&lang=css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.scrollable-table {
  max-height: 1500px;
  overflow-y: auto;
  overflow-x: 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]!./src/qtasnimhrmLoanManagementPlugin/pages/pinjamanPegawai/SavePinjamanPegawai.vue?vue&type=style&index=0&id=7ba12403&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.custom-dialog {
  width: 200px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmLoanManagementPlugin/pages/pinjamanPegawai/EditPinjamanPegawai.vue?vue&type=style&index=0&id=2199eb54&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.custom-dialog {
  width: 200px;
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/qtasnimhrmLoanManagementPlugin/pages/pinjamanPegawaiDetail/SavePinjamanPegawaiDetail.vue?vue&type=style&index=0&id=7fac80a5&lang=css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.button-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: end;
  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]!./src/qtasnimhrmCarierManagementPlugin/pages/CareerPosition/career-position.scss?vue&type=style&index=0&id=03e33f0c&lang=scss&scoped=true&external ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.wrapper-position[data-v-03e33f0c] {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.sidebar-position[data-v-03e33f0c] {
  width: 30%;
  margin-right: 10px;
  overflow-x: scroll;
}
.content-position[data-v-03e33f0c] {
  width: 70%;
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/vue-loader/dist/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/qtasnimhrmCarierManagementPlugin/pages/MPP/components/org-structure.scss?vue&type=style&index=0&id=60f843ba&lang=scss&scoped=true&external ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.org-root-container[data-v-60f843ba] {
  padding: 0.5em 1.35rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 30px;
}
.org-root-container .oxd-text[data-v-60f843ba] {
  position: relative;
  display: flex;
  align-items: center;
}
.org-root-container .oxd-text.--parent[data-v-60f843ba]::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-60f843ba]::before {
  content: "";
  border-top: 0.15rem solid var(--oxd-primary-one-color);
  width: 1rem;
  margin-right: 0.5rem;
}
.org-container[data-v-60f843ba] {
  background-color: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  padding: 0.5rem 1rem;
}
.org-container .loader[data-v-60f843ba] {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 10rem 0;
}
.org-container .loader .oxd-loading-spinner-container[data-v-60f843ba] {
  background-color: var(--oxd-white-color, #ffffff);
}
.org-structure-card[data-v-60f843ba] {
  display: flex;
  min-height: 35px;
  padding: 0.35rem;
  border-radius: 0.75rem;
  align-items: center;
  justify-content: space-between;
  background-color: var(--oxd-white-color, #ffffff);
}
@media (min-width: 800px) {
.org-structure-card[data-v-60f843ba] {
    padding: 0.5rem 1rem;
}
}
.org-name[data-v-60f843ba] {
  position: relative;
  overflow: hidden;
  max-height: 4.5;
  line-height: 1.5;
  justify-content: space-between;
  word-break: break-all;
}
.org-name[data-v-60f843ba]: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-60f843ba] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
}
.org-name[data-v-60f843ba]:after {
    display: none;
}
}
.org-structure-add[data-v-60f843ba] {
  min-width: unset;
  padding: 0.5rem 1rem;
}
.org-action[data-v-60f843ba] {
  display: flex;
  list-style: none;
  position: relative;
}
.org-action-icon[data-v-60f843ba] {
  margin-right: 0.5rem;
}
.org-action-icon[data-v-60f843ba]:last-child {
  margin-right: unset;
}
.org-action-description[data-v-60f843ba] {
  display: flex;
  cursor: pointer;
  font-size: 12px;
  padding: 0.2rem 1rem;
}
.org-action-description[data-v-60f843ba]:hover {
  background-color: #f6f7f9;
}
.org-action[data-v-60f843ba] .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]!./src/qtasnimhrmCarierManagementPlugin/pages/MPP/components/OrgStructure.vue?vue&type=style&index=1&id=60f843ba&lang=scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.oxd-tree-node-content {
  width: 100%;
}
.oxd-tree-node-toggle .oxd-icon-button {
  background-color: var(--oxd-white-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]!./src/qtasnimhrmMyRecruitmentPlugin/pages/myrecruitment/css/styles.scss?vue&type=style&index=0&id=6a26bf4b&lang=scss&scoped=true&external ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Import OXD Globals */
.container-detail[data-v-6a26bf4b] {
  padding: 10px;
}
.container-recruitment[data-v-6a26bf4b] {
  height: 230px;
  padding: 10px;
  cursor: pointer;
}
.container-location[data-v-6a26bf4b] {
  display: flex;
  margin-bottom: 20px;
}
.title-position[data-v-6a26bf4b] {
  height: 24px;
  align-self: stretch;
  flex-grow: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: 0.12px;
  text-align: left;
  color: #64728c;
  margin-bottom: 10px;
}
.title-subunit[data-v-6a26bf4b] {
  height: 17px;
  flex-grow: 1;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: left;
  color: #b0b0b0;
  margin-top: 2px;
}
.title-kategori-pekerjaan[data-v-6a26bf4b] {
  height: 17px;
  align-self: stretch;
  flex-grow: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: left;
  color: #b0b0b0;
  margin-bottom: 2px;
}
.title-bidang-pekerjaan[data-v-6a26bf4b] {
  height: 17px;
  align-self: stretch;
  flex-grow: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: left;
  color: #64728c;
}
.title-jenjang-pendidikan[data-v-6a26bf4b] {
  height: 17px;
  align-self: stretch;
  flex-grow: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: left;
  color: #64728c;
}
.badge-range-date[data-v-6a26bf4b] {
  width: 200px;
  height: 24px;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 5px 0;
  border-radius: 100px;
  box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.02);
  background-color: #ecf6ee;
}
.range-date[data-v-6a26bf4b] {
  flex-grow: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 12px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: center;
  color: #45a459;
}
.title-content[data-v-6a26bf4b] {
  height: 17px;
  align-self: stretch;
  flex-grow: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.07px;
  text-align: left;
  color: #363e91;
}
.content[data-v-6a26bf4b] {
  align-self: stretch;
  flex-grow: 0;
  font-family: Nunito Sans, sans-serif;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: 0.06px;
  text-align: left;
  color: #64728c;
}
.loading-spinner-recruitment[data-v-6a26bf4b] {
  display: flex;
  justify-content: center;
  align-items: center;
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/core/@oxd/public/fonts.css ***!
  \******************************************************************************************************************************************************************************/
@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 200;
  src: local(''),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-200.woff2) format('woff2'),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-200.woff) format('woff');
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 300;
  src: local(''),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-300.woff2) format('woff2'),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-300.woff) format('woff');
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 400;
  src: local(''),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-regular.woff2) format('woff2'),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-regular.woff) format('woff');
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: italic;
  font-weight: 400;
  src: local(''),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-italic.woff2) format('woff2'),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-italic.woff) format('woff');
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 600;
  src: local(''),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-600.woff2) format('woff2'),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-600.woff) format('woff');
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 700;
  src: local(''),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-700.woff2) format('woff2'),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-700.woff) format('woff');
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 800;
  src: local(''),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-800.woff2) format('woff2'),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-800.woff) format('woff');
}

@font-face {
  font-family: 'Nunito Sans';
  font-style: normal;
  font-weight: 900;
  src: local(''),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-900.woff2) format('woff2'),
    url(/web/dist/fonts/nunito-sans-v6-latin-ext_latin-900.woff) format('woff');
}

@font-face {
  font-family: 'bootstrap-icons';
  font-display: block;
  src: url(/web/dist/fonts/bootstrap-icons.woff2) format('woff2'),
    url(/web/dist/fonts/bootstrap-icons.woff) format('woff');
}

/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-14.use[1]!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-14.use[2]!./src/core/@oxd/public/icons.css ***!
  \******************************************************************************************************************************************************************************/
.bi::before,
[class^='bi-']::before,
[class*=' bi-']::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  vertical-align: -0.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-123::before {
  content: '\f67f';
}
.bi-alarm-fill::before {
  content: '\f101';
}
.bi-alarm::before {
  content: '\f102';
}
.bi-align-bottom::before {
  content: '\f103';
}
.bi-align-center::before {
  content: '\f104';
}
.bi-align-end::before {
  content: '\f105';
}
.bi-align-middle::before {
  content: '\f106';
}
.bi-align-start::before {
  content: '\f107';
}
.bi-align-top::before {
  content: '\f108';
}
.bi-alt::before {
  content: '\f109';
}
.bi-app-indicator::before {
  content: '\f10a';
}
.bi-app::before {
  content: '\f10b';
}
.bi-archive-fill::before {
  content: '\f10c';
}
.bi-archive::before {
  content: '\f10d';
}
.bi-arrow-90deg-down::before {
  content: '\f10e';
}
.bi-arrow-90deg-left::before {
  content: '\f10f';
}
.bi-arrow-90deg-right::before {
  content: '\f110';
}
.bi-arrow-90deg-up::before {
  content: '\f111';
}
.bi-arrow-bar-down::before {
  content: '\f112';
}
.bi-arrow-bar-left::before {
  content: '\f113';
}
.bi-arrow-bar-right::before {
  content: '\f114';
}
.bi-arrow-bar-up::before {
  content: '\f115';
}
.bi-arrow-clockwise::before {
  content: '\f116';
}
.bi-arrow-counterclockwise::before {
  content: '\f117';
}
.bi-arrow-down-circle-fill::before {
  content: '\f118';
}
.bi-arrow-down-circle::before {
  content: '\f119';
}
.bi-arrow-down-left-circle-fill::before {
  content: '\f11a';
}
.bi-arrow-down-left-circle::before {
  content: '\f11b';
}
.bi-arrow-down-left-square-fill::before {
  content: '\f11c';
}
.bi-arrow-down-left-square::before {
  content: '\f11d';
}
.bi-arrow-down-left::before {
  content: '\f11e';
}
.bi-arrow-down-right-circle-fill::before {
  content: '\f11f';
}
.bi-arrow-down-right-circle::before {
  content: '\f120';
}
.bi-arrow-down-right-square-fill::before {
  content: '\f121';
}
.bi-arrow-down-right-square::before {
  content: '\f122';
}
.bi-arrow-down-right::before {
  content: '\f123';
}
.bi-arrow-down-short::before {
  content: '\f124';
}
.bi-arrow-down-square-fill::before {
  content: '\f125';
}
.bi-arrow-down-square::before {
  content: '\f126';
}
.bi-arrow-down-up::before {
  content: '\f127';
}
.bi-arrow-down::before {
  content: '\f128';
}
.bi-arrow-left-circle-fill::before {
  content: '\f129';
}
.bi-arrow-left-circle::before {
  content: '\f12a';
}
.bi-arrow-left-right::before {
  content: '\f12b';
}
.bi-arrow-left-short::before {
  content: '\f12c';
}
.bi-arrow-left-square-fill::before {
  content: '\f12d';
}
.bi-arrow-left-square::before {
  content: '\f12e';
}
.bi-arrow-left::before {
  content: '\f12f';
}
.bi-arrow-repeat::before {
  content: '\f130';
}
.bi-arrow-return-left::before {
  content: '\f131';
}
.bi-arrow-return-right::before {
  content: '\f132';
}
.bi-arrow-right-circle-fill::before {
  content: '\f133';
}
.bi-arrow-right-circle::before {
  content: '\f134';
}
.bi-arrow-right-short::before {
  content: '\f135';
}
.bi-arrow-right-square-fill::before {
  content: '\f136';
}
.bi-arrow-right-square::before {
  content: '\f137';
}
.bi-arrow-right::before {
  content: '\f138';
}
.bi-arrow-up-circle-fill::before {
  content: '\f139';
}
.bi-arrow-up-circle::before {
  content: '\f13a';
}
.bi-arrow-up-left-circle-fill::before {
  content: '\f13b';
}
.bi-arrow-up-left-circle::before {
  content: '\f13c';
}
.bi-arrow-up-left-square-fill::before {
  content: '\f13d';
}
.bi-arrow-up-left-square::before {
  content: '\f13e';
}
.bi-arrow-up-left::before {
  content: '\f13f';
}
.bi-arrow-up-right-circle-fill::before {
  content: '\f140';
}
.bi-arrow-up-right-circle::before {
  content: '\f141';
}
.bi-arrow-up-right-square-fill::before {
  content: '\f142';
}
.bi-arrow-up-right-square::before {
  content: '\f143';
}
.bi-arrow-up-right::before {
  content: '\f144';
}
.bi-arrow-up-short::before {
  content: '\f145';
}
.bi-arrow-up-square-fill::before {
  content: '\f146';
}
.bi-arrow-up-square::before {
  content: '\f147';
}
.bi-arrow-up::before {
  content: '\f148';
}
.bi-arrows-angle-contract::before {
  content: '\f149';
}
.bi-arrows-angle-expand::before {
  content: '\f14a';
}
.bi-arrows-collapse::before {
  content: '\f14b';
}
.bi-arrows-expand::before {
  content: '\f14c';
}
.bi-arrows-fullscreen::before {
  content: '\f14d';
}
.bi-arrows-move::before {
  content: '\f14e';
}
.bi-aspect-ratio-fill::before {
  content: '\f14f';
}
.bi-aspect-ratio::before {
  content: '\f150';
}
.bi-asterisk::before {
  content: '\f151';
}
.bi-at::before {
  content: '\f152';
}
.bi-award-fill::before {
  content: '\f153';
}
.bi-award::before {
  content: '\f154';
}
.bi-back::before {
  content: '\f155';
}
.bi-backspace-fill::before {
  content: '\f156';
}
.bi-backspace-reverse-fill::before {
  content: '\f157';
}
.bi-backspace-reverse::before {
  content: '\f158';
}
.bi-backspace::before {
  content: '\f159';
}
.bi-badge-3d-fill::before {
  content: '\f15a';
}
.bi-badge-3d::before {
  content: '\f15b';
}
.bi-badge-4k-fill::before {
  content: '\f15c';
}
.bi-badge-4k::before {
  content: '\f15d';
}
.bi-badge-8k-fill::before {
  content: '\f15e';
}
.bi-badge-8k::before {
  content: '\f15f';
}
.bi-badge-ad-fill::before {
  content: '\f160';
}
.bi-badge-ad::before {
  content: '\f161';
}
.bi-badge-ar-fill::before {
  content: '\f162';
}
.bi-badge-ar::before {
  content: '\f163';
}
.bi-badge-cc-fill::before {
  content: '\f164';
}
.bi-badge-cc::before {
  content: '\f165';
}
.bi-badge-hd-fill::before {
  content: '\f166';
}
.bi-badge-hd::before {
  content: '\f167';
}
.bi-badge-tm-fill::before {
  content: '\f168';
}
.bi-badge-tm::before {
  content: '\f169';
}
.bi-badge-vo-fill::before {
  content: '\f16a';
}
.bi-badge-vo::before {
  content: '\f16b';
}
.bi-badge-vr-fill::before {
  content: '\f16c';
}
.bi-badge-vr::before {
  content: '\f16d';
}
.bi-badge-wc-fill::before {
  content: '\f16e';
}
.bi-badge-wc::before {
  content: '\f16f';
}
.bi-bag-check-fill::before {
  content: '\f170';
}
.bi-bag-check::before {
  content: '\f171';
}
.bi-bag-dash-fill::before {
  content: '\f172';
}
.bi-bag-dash::before {
  content: '\f173';
}
.bi-bag-fill::before {
  content: '\f174';
}
.bi-bag-plus-fill::before {
  content: '\f175';
}
.bi-bag-plus::before {
  content: '\f176';
}
.bi-bag-x-fill::before {
  content: '\f177';
}
.bi-bag-x::before {
  content: '\f178';
}
.bi-bag::before {
  content: '\f179';
}
.bi-bar-chart-fill::before {
  content: '\f17a';
}
.bi-bar-chart-line-fill::before {
  content: '\f17b';
}
.bi-bar-chart-line::before {
  content: '\f17c';
}
.bi-bar-chart-steps::before {
  content: '\f17d';
}
.bi-bar-chart::before {
  content: '\f17e';
}
.bi-basket-fill::before {
  content: '\f17f';
}
.bi-basket::before {
  content: '\f180';
}
.bi-basket2-fill::before {
  content: '\f181';
}
.bi-basket2::before {
  content: '\f182';
}
.bi-basket3-fill::before {
  content: '\f183';
}
.bi-basket3::before {
  content: '\f184';
}
.bi-battery-charging::before {
  content: '\f185';
}
.bi-battery-full::before {
  content: '\f186';
}
.bi-battery-half::before {
  content: '\f187';
}
.bi-battery::before {
  content: '\f188';
}
.bi-bell-fill::before {
  content: '\f189';
}
.bi-bell::before {
  content: '\f18a';
}
.bi-bezier::before {
  content: '\f18b';
}
.bi-bezier2::before {
  content: '\f18c';
}
.bi-bicycle::before {
  content: '\f18d';
}
.bi-binoculars-fill::before {
  content: '\f18e';
}
.bi-binoculars::before {
  content: '\f18f';
}
.bi-blockquote-left::before {
  content: '\f190';
}
.bi-blockquote-right::before {
  content: '\f191';
}
.bi-book-fill::before {
  content: '\f192';
}
.bi-book-half::before {
  content: '\f193';
}
.bi-book::before {
  content: '\f194';
}
.bi-bookmark-check-fill::before {
  content: '\f195';
}
.bi-bookmark-check::before {
  content: '\f196';
}
.bi-bookmark-dash-fill::before {
  content: '\f197';
}
.bi-bookmark-dash::before {
  content: '\f198';
}
.bi-bookmark-fill::before {
  content: '\f199';
}
.bi-bookmark-heart-fill::before {
  content: '\f19a';
}
.bi-bookmark-heart::before {
  content: '\f19b';
}
.bi-bookmark-plus-fill::before {
  content: '\f19c';
}
.bi-bookmark-plus::before {
  content: '\f19d';
}
.bi-bookmark-star-fill::before {
  content: '\f19e';
}
.bi-bookmark-star::before {
  content: '\f19f';
}
.bi-bookmark-x-fill::before {
  content: '\f1a0';
}
.bi-bookmark-x::before {
  content: '\f1a1';
}
.bi-bookmark::before {
  content: '\f1a2';
}
.bi-bookmarks-fill::before {
  content: '\f1a3';
}
.bi-bookmarks::before {
  content: '\f1a4';
}
.bi-bookshelf::before {
  content: '\f1a5';
}
.bi-bootstrap-fill::before {
  content: '\f1a6';
}
.bi-bootstrap-reboot::before {
  content: '\f1a7';
}
.bi-bootstrap::before {
  content: '\f1a8';
}
.bi-border-all::before {
  content: '\f1a9';
}
.bi-border-bottom::before {
  content: '\f1aa';
}
.bi-border-center::before {
  content: '\f1ab';
}
.bi-border-inner::before {
  content: '\f1ac';
}
.bi-border-left::before {
  content: '\f1ad';
}
.bi-border-middle::before {
  content: '\f1ae';
}
.bi-border-outer::before {
  content: '\f1af';
}
.bi-border-right::before {
  content: '\f1b0';
}
.bi-border-style::before {
  content: '\f1b1';
}
.bi-border-top::before {
  content: '\f1b2';
}
.bi-border-width::before {
  content: '\f1b3';
}
.bi-border::before {
  content: '\f1b4';
}
.bi-bounding-box-circles::before {
  content: '\f1b5';
}
.bi-bounding-box::before {
  content: '\f1b6';
}
.bi-box-arrow-down-left::before {
  content: '\f1b7';
}
.bi-box-arrow-down-right::before {
  content: '\f1b8';
}
.bi-box-arrow-down::before {
  content: '\f1b9';
}
.bi-box-arrow-in-down-left::before {
  content: '\f1ba';
}
.bi-box-arrow-in-down-right::before {
  content: '\f1bb';
}
.bi-box-arrow-in-down::before {
  content: '\f1bc';
}
.bi-box-arrow-in-left::before {
  content: '\f1bd';
}
.bi-box-arrow-in-right::before {
  content: '\f1be';
}
.bi-box-arrow-in-up-left::before {
  content: '\f1bf';
}
.bi-box-arrow-in-up-right::before {
  content: '\f1c0';
}
.bi-box-arrow-in-up::before {
  content: '\f1c1';
}
.bi-box-arrow-left::before {
  content: '\f1c2';
}
.bi-box-arrow-right::before {
  content: '\f1c3';
}
.bi-box-arrow-up-left::before {
  content: '\f1c4';
}
.bi-box-arrow-up-right::before {
  content: '\f1c5';
}
.bi-box-arrow-up::before {
  content: '\f1c6';
}
.bi-box-seam::before {
  content: '\f1c7';
}
.bi-box::before {
  content: '\f1c8';
}
.bi-braces::before {
  content: '\f1c9';
}
.bi-bricks::before {
  content: '\f1ca';
}
.bi-briefcase-fill::before {
  content: '\f1cb';
}
.bi-briefcase::before {
  content: '\f1cc';
}
.bi-brightness-alt-high-fill::before {
  content: '\f1cd';
}
.bi-brightness-alt-high::before {
  content: '\f1ce';
}
.bi-brightness-alt-low-fill::before {
  content: '\f1cf';
}
.bi-brightness-alt-low::before {
  content: '\f1d0';
}
.bi-brightness-high-fill::before {
  content: '\f1d1';
}
.bi-brightness-high::before {
  content: '\f1d2';
}
.bi-brightness-low-fill::before {
  content: '\f1d3';
}
.bi-brightness-low::before {
  content: '\f1d4';
}
.bi-broadcast-pin::before {
  content: '\f1d5';
}
.bi-broadcast::before {
  content: '\f1d6';
}
.bi-brush-fill::before {
  content: '\f1d7';
}
.bi-brush::before {
  content: '\f1d8';
}
.bi-bucket-fill::before {
  content: '\f1d9';
}
.bi-bucket::before {
  content: '\f1da';
}
.bi-bug-fill::before {
  content: '\f1db';
}
.bi-bug::before {
  content: '\f1dc';
}
.bi-building::before {
  content: '\f1dd';
}
.bi-bullseye::before {
  content: '\f1de';
}
.bi-calculator-fill::before {
  content: '\f1df';
}
.bi-calculator::before {
  content: '\f1e0';
}
.bi-calendar-check-fill::before {
  content: '\f1e1';
}
.bi-calendar-check::before {
  content: '\f1e2';
}
.bi-calendar-date-fill::before {
  content: '\f1e3';
}
.bi-calendar-date::before {
  content: '\f1e4';
}
.bi-calendar-day-fill::before {
  content: '\f1e5';
}
.bi-calendar-day::before {
  content: '\f1e6';
}
.bi-calendar-event-fill::before {
  content: '\f1e7';
}
.bi-calendar-event::before {
  content: '\f1e8';
}
.bi-calendar-fill::before {
  content: '\f1e9';
}
.bi-calendar-minus-fill::before {
  content: '\f1ea';
}
.bi-calendar-minus::before {
  content: '\f1eb';
}
.bi-calendar-month-fill::before {
  content: '\f1ec';
}
.bi-calendar-month::before {
  content: '\f1ed';
}
.bi-calendar-plus-fill::before {
  content: '\f1ee';
}
.bi-calendar-plus::before {
  content: '\f1ef';
}
.bi-calendar-range-fill::before {
  content: '\f1f0';
}
.bi-calendar-range::before {
  content: '\f1f1';
}
.bi-calendar-week-fill::before {
  content: '\f1f2';
}
.bi-calendar-week::before {
  content: '\f1f3';
}
.bi-calendar-x-fill::before {
  content: '\f1f4';
}
.bi-calendar-x::before {
  content: '\f1f5';
}
.bi-calendar::before {
  content: '\f1f6';
}
.bi-calendar2-check-fill::before {
  content: '\f1f7';
}
.bi-calendar2-check::before {
  content: '\f1f8';
}
.bi-calendar2-date-fill::before {
  content: '\f1f9';
}
.bi-calendar2-date::before {
  content: '\f1fa';
}
.bi-calendar2-day-fill::before {
  content: '\f1fb';
}
.bi-calendar2-day::before {
  content: '\f1fc';
}
.bi-calendar2-event-fill::before {
  content: '\f1fd';
}
.bi-calendar2-event::before {
  content: '\f1fe';
}
.bi-calendar2-fill::before {
  content: '\f1ff';
}
.bi-calendar2-minus-fill::before {
  content: '\f200';
}
.bi-calendar2-minus::before {
  content: '\f201';
}
.bi-calendar2-month-fill::before {
  content: '\f202';
}
.bi-calendar2-month::before {
  content: '\f203';
}
.bi-calendar2-plus-fill::before {
  content: '\f204';
}
.bi-calendar2-plus::before {
  content: '\f205';
}
.bi-calendar2-range-fill::before {
  content: '\f206';
}
.bi-calendar2-range::before {
  content: '\f207';
}
.bi-calendar2-week-fill::before {
  content: '\f208';
}
.bi-calendar2-week::before {
  content: '\f209';
}
.bi-calendar2-x-fill::before {
  content: '\f20a';
}
.bi-calendar2-x::before {
  content: '\f20b';
}
.bi-calendar2::before {
  content: '\f20c';
}
.bi-calendar3-event-fill::before {
  content: '\f20d';
}
.bi-calendar3-event::before {
  content: '\f20e';
}
.bi-calendar3-fill::before {
  content: '\f20f';
}
.bi-calendar3-range-fill::before {
  content: '\f210';
}
.bi-calendar3-range::before {
  content: '\f211';
}
.bi-calendar3-week-fill::before {
  content: '\f212';
}
.bi-calendar3-week::before {
  content: '\f213';
}
.bi-calendar3::before {
  content: '\f214';
}
.bi-calendar4-event::before {
  content: '\f215';
}
.bi-calendar4-range::before {
  content: '\f216';
}
.bi-calendar4-week::before {
  content: '\f217';
}
.bi-calendar4::before {
  content: '\f218';
}
.bi-camera-fill::before {
  content: '\f219';
}
.bi-camera-reels-fill::before {
  content: '\f21a';
}
.bi-camera-reels::before {
  content: '\f21b';
}
.bi-camera-video-fill::before {
  content: '\f21c';
}
.bi-camera-video-off-fill::before {
  content: '\f21d';
}
.bi-camera-video-off::before {
  content: '\f21e';
}
.bi-camera-video::before {
  content: '\f21f';
}
.bi-camera::before {
  content: '\f220';
}
.bi-camera2::before {
  content: '\f221';
}
.bi-capslock-fill::before {
  content: '\f222';
}
.bi-capslock::before {
  content: '\f223';
}
.bi-card-checklist::before {
  content: '\f224';
}
.bi-card-heading::before {
  content: '\f225';
}
.bi-card-image::before {
  content: '\f226';
}
.bi-card-list::before {
  content: '\f227';
}
.bi-card-text::before {
  content: '\f228';
}
.bi-caret-down-fill::before {
  content: '\f229';
}
.bi-caret-down-square-fill::before {
  content: '\f22a';
}
.bi-caret-down-square::before {
  content: '\f22b';
}
.bi-caret-down::before {
  content: '\f22c';
}
.bi-caret-left-fill::before {
  content: '\f22d';
}
.bi-caret-left-square-fill::before {
  content: '\f22e';
}
.bi-caret-left-square::before {
  content: '\f22f';
}
.bi-caret-left::before {
  content: '\f230';
}
.bi-caret-right-fill::before {
  content: '\f231';
}
.bi-caret-right-square-fill::before {
  content: '\f232';
}
.bi-caret-right-square::before {
  content: '\f233';
}
.bi-caret-right::before {
  content: '\f234';
}
.bi-caret-up-fill::before {
  content: '\f235';
}
.bi-caret-up-square-fill::before {
  content: '\f236';
}
.bi-caret-up-square::before {
  content: '\f237';
}
.bi-caret-up::before {
  content: '\f238';
}
.bi-cart-check-fill::before {
  content: '\f239';
}
.bi-cart-check::before {
  content: '\f23a';
}
.bi-cart-dash-fill::before {
  content: '\f23b';
}
.bi-cart-dash::before {
  content: '\f23c';
}
.bi-cart-fill::before {
  content: '\f23d';
}
.bi-cart-plus-fill::before {
  content: '\f23e';
}
.bi-cart-plus::before {
  content: '\f23f';
}
.bi-cart-x-fill::before {
  content: '\f240';
}
.bi-cart-x::before {
  content: '\f241';
}
.bi-cart::before {
  content: '\f242';
}
.bi-cart2::before {
  content: '\f243';
}
.bi-cart3::before {
  content: '\f244';
}
.bi-cart4::before {
  content: '\f245';
}
.bi-cash-stack::before {
  content: '\f246';
}
.bi-cash::before {
  content: '\f247';
}
.bi-cast::before {
  content: '\f248';
}
.bi-chat-dots-fill::before {
  content: '\f249';
}
.bi-chat-dots::before {
  content: '\f24a';
}
.bi-chat-fill::before {
  content: '\f24b';
}
.bi-chat-left-dots-fill::before {
  content: '\f24c';
}
.bi-chat-left-dots::before {
  content: '\f24d';
}
.bi-chat-left-fill::before {
  content: '\f24e';
}
.bi-chat-left-quote-fill::before {
  content: '\f24f';
}
.bi-chat-left-quote::before {
  content: '\f250';
}
.bi-chat-left-text-fill::before {
  content: '\f251';
}
.bi-chat-left-text::before {
  content: '\f252';
}
.bi-chat-left::before {
  content: '\f253';
}
.bi-chat-quote-fill::before {
  content: '\f254';
}
.bi-chat-quote::before {
  content: '\f255';
}
.bi-chat-right-dots-fill::before {
  content: '\f256';
}
.bi-chat-right-dots::before {
  content: '\f257';
}
.bi-chat-right-fill::before {
  content: '\f258';
}
.bi-chat-right-quote-fill::before {
  content: '\f259';
}
.bi-chat-right-quote::before {
  content: '\f25a';
}
.bi-chat-right-text-fill::before {
  content: '\f25b';
}
.bi-chat-right-text::before {
  content: '\f25c';
}
.bi-chat-right::before {
  content: '\f25d';
}
.bi-chat-square-dots-fill::before {
  content: '\f25e';
}
.bi-chat-square-dots::before {
  content: '\f25f';
}
.bi-chat-square-fill::before {
  content: '\f260';
}
.bi-chat-square-quote-fill::before {
  content: '\f261';
}
.bi-chat-square-quote::before {
  content: '\f262';
}
.bi-chat-square-text-fill::before {
  content: '\f263';
}
.bi-chat-square-text::before {
  content: '\f264';
}
.bi-chat-square::before {
  content: '\f265';
}
.bi-chat-text-fill::before {
  content: '\f266';
}
.bi-chat-text::before {
  content: '\f267';
}
.bi-chat::before {
  content: '\f268';
}
.bi-check-all::before {
  content: '\f269';
}
.bi-check-circle-fill::before {
  content: '\f26a';
}
.bi-check-circle::before {
  content: '\f26b';
}
.bi-check-square-fill::before {
  content: '\f26c';
}
.bi-check-square::before {
  content: '\f26d';
}
.bi-check::before {
  content: '\f26e';
}
.bi-check2-all::before {
  content: '\f26f';
}
.bi-check2-circle::before {
  content: '\f270';
}
.bi-check2-square::before {
  content: '\f271';
}
.bi-check2::before {
  content: '\f272';
}
.bi-chevron-bar-contract::before {
  content: '\f273';
}
.bi-chevron-bar-down::before {
  content: '\f274';
}
.bi-chevron-bar-expand::before {
  content: '\f275';
}
.bi-chevron-bar-left::before {
  content: '\f276';
}
.bi-chevron-bar-right::before {
  content: '\f277';
}
.bi-chevron-bar-up::before {
  content: '\f278';
}
.bi-chevron-compact-down::before {
  content: '\f279';
}
.bi-chevron-compact-left::before {
  content: '\f27a';
}
.bi-chevron-compact-right::before {
  content: '\f27b';
}
.bi-chevron-compact-up::before {
  content: '\f27c';
}
.bi-chevron-contract::before {
  content: '\f27d';
}
.bi-chevron-double-down::before {
  content: '\f27e';
}
.bi-chevron-double-left::before {
  content: '\f27f';
}
.bi-chevron-double-right::before {
  content: '\f280';
}
.bi-chevron-double-up::before {
  content: '\f281';
}
.bi-chevron-down::before {
  content: '\f282';
}
.bi-chevron-expand::before {
  content: '\f283';
}
.bi-chevron-left::before {
  content: '\f284';
}
.bi-chevron-right::before {
  content: '\f285';
}
.bi-chevron-up::before {
  content: '\f286';
}
.bi-circle-fill::before {
  content: '\f287';
}
.bi-circle-half::before {
  content: '\f288';
}
.bi-circle-square::before {
  content: '\f289';
}
.bi-circle::before {
  content: '\f28a';
}
.bi-clipboard-check::before {
  content: '\f28b';
}
.bi-clipboard-data::before {
  content: '\f28c';
}
.bi-clipboard-minus::before {
  content: '\f28d';
}
.bi-clipboard-plus::before {
  content: '\f28e';
}
.bi-clipboard-x::before {
  content: '\f28f';
}
.bi-clipboard::before {
  content: '\f290';
}
.bi-clock-fill::before {
  content: '\f291';
}
.bi-clock-history::before {
  content: '\f292';
}
.bi-clock::before {
  content: '\f293';
}
.bi-cloud-arrow-down-fill::before {
  content: '\f294';
}
.bi-cloud-arrow-down::before {
  content: '\f295';
}
.bi-cloud-arrow-up-fill::before {
  content: '\f296';
}
.bi-cloud-arrow-up::before {
  content: '\f297';
}
.bi-cloud-check-fill::before {
  content: '\f298';
}
.bi-cloud-check::before {
  content: '\f299';
}
.bi-cloud-download-fill::before {
  content: '\f29a';
}
.bi-cloud-download::before {
  content: '\f29b';
}
.bi-cloud-drizzle-fill::before {
  content: '\f29c';
}
.bi-cloud-drizzle::before {
  content: '\f29d';
}
.bi-cloud-fill::before {
  content: '\f29e';
}
.bi-cloud-fog-fill::before {
  content: '\f29f';
}
.bi-cloud-fog::before {
  content: '\f2a0';
}
.bi-cloud-fog2-fill::before {
  content: '\f2a1';
}
.bi-cloud-fog2::before {
  content: '\f2a2';
}
.bi-cloud-hail-fill::before {
  content: '\f2a3';
}
.bi-cloud-hail::before {
  content: '\f2a4';
}
.bi-cloud-haze-1::before {
  content: '\f2a5';
}
.bi-cloud-haze-fill::before {
  content: '\f2a6';
}
.bi-cloud-haze::before {
  content: '\f2a7';
}
.bi-cloud-haze2-fill::before {
  content: '\f2a8';
}
.bi-cloud-lightning-fill::before {
  content: '\f2a9';
}
.bi-cloud-lightning-rain-fill::before {
  content: '\f2aa';
}
.bi-cloud-lightning-rain::before {
  content: '\f2ab';
}
.bi-cloud-lightning::before {
  content: '\f2ac';
}
.bi-cloud-minus-fill::before {
  content: '\f2ad';
}
.bi-cloud-minus::before {
  content: '\f2ae';
}
.bi-cloud-moon-fill::before {
  content: '\f2af';
}
.bi-cloud-moon::before {
  content: '\f2b0';
}
.bi-cloud-plus-fill::before {
  content: '\f2b1';
}
.bi-cloud-plus::before {
  content: '\f2b2';
}
.bi-cloud-rain-fill::before {
  content: '\f2b3';
}
.bi-cloud-rain-heavy-fill::before {
  content: '\f2b4';
}
.bi-cloud-rain-heavy::before {
  content: '\f2b5';
}
.bi-cloud-rain::before {
  content: '\f2b6';
}
.bi-cloud-slash-fill::before {
  content: '\f2b7';
}
.bi-cloud-slash::before {
  content: '\f2b8';
}
.bi-cloud-sleet-fill::before {
  content: '\f2b9';
}
.bi-cloud-sleet::before {
  content: '\f2ba';
}
.bi-cloud-snow-fill::before {
  content: '\f2bb';
}
.bi-cloud-snow::before {
  content: '\f2bc';
}
.bi-cloud-sun-fill::before {
  content: '\f2bd';
}
.bi-cloud-sun::before {
  content: '\f2be';
}
.bi-cloud-upload-fill::before {
  content: '\f2bf';
}
.bi-cloud-upload::before {
  content: '\f2c0';
}
.bi-cloud::before {
  content: '\f2c1';
}
.bi-clouds-fill::before {
  content: '\f2c2';
}
.bi-clouds::before {
  content: '\f2c3';
}
.bi-cloudy-fill::before {
  content: '\f2c4';
}
.bi-cloudy::before {
  content: '\f2c5';
}
.bi-code-slash::before {
  content: '\f2c6';
}
.bi-code-square::before {
  content: '\f2c7';
}
.bi-code::before {
  content: '\f2c8';
}
.bi-collection-fill::before {
  content: '\f2c9';
}
.bi-collection-play-fill::before {
  content: '\f2ca';
}
.bi-collection-play::before {
  content: '\f2cb';
}
.bi-collection::before {
  content: '\f2cc';
}
.bi-columns-gap::before {
  content: '\f2cd';
}
.bi-columns::before {
  content: '\f2ce';
}
.bi-command::before {
  content: '\f2cf';
}
.bi-compass-fill::before {
  content: '\f2d0';
}
.bi-compass::before {
  content: '\f2d1';
}
.bi-cone-striped::before {
  content: '\f2d2';
}
.bi-cone::before {
  content: '\f2d3';
}
.bi-controller::before {
  content: '\f2d4';
}
.bi-cpu-fill::before {
  content: '\f2d5';
}
.bi-cpu::before {
  content: '\f2d6';
}
.bi-credit-card-2-back-fill::before {
  content: '\f2d7';
}
.bi-credit-card-2-back::before {
  content: '\f2d8';
}
.bi-credit-card-2-front-fill::before {
  content: '\f2d9';
}
.bi-credit-card-2-front::before {
  content: '\f2da';
}
.bi-credit-card-fill::before {
  content: '\f2db';
}
.bi-credit-card::before {
  content: '\f2dc';
}
.bi-crop::before {
  content: '\f2dd';
}
.bi-cup-fill::before {
  content: '\f2de';
}
.bi-cup-straw::before {
  content: '\f2df';
}
.bi-cup::before {
  content: '\f2e0';
}
.bi-cursor-fill::before {
  content: '\f2e1';
}
.bi-cursor-text::before {
  content: '\f2e2';
}
.bi-cursor::before {
  content: '\f2e3';
}
.bi-dash-circle-dotted::before {
  content: '\f2e4';
}
.bi-dash-circle-fill::before {
  content: '\f2e5';
}
.bi-dash-circle::before {
  content: '\f2e6';
}
.bi-dash-square-dotted::before {
  content: '\f2e7';
}
.bi-dash-square-fill::before {
  content: '\f2e8';
}
.bi-dash-square::before {
  content: '\f2e9';
}
.bi-dash::before {
  content: '\f2ea';
}
.bi-diagram-2-fill::before {
  content: '\f2eb';
}
.bi-diagram-2::before {
  content: '\f2ec';
}
.bi-diagram-3-fill::before {
  content: '\f2ed';
}
.bi-diagram-3::before {
  content: '\f2ee';
}
.bi-diamond-fill::before {
  content: '\f2ef';
}
.bi-diamond-half::before {
  content: '\f2f0';
}
.bi-diamond::before {
  content: '\f2f1';
}
.bi-dice-1-fill::before {
  content: '\f2f2';
}
.bi-dice-1::before {
  content: '\f2f3';
}
.bi-dice-2-fill::before {
  content: '\f2f4';
}
.bi-dice-2::before {
  content: '\f2f5';
}
.bi-dice-3-fill::before {
  content: '\f2f6';
}
.bi-dice-3::before {
  content: '\f2f7';
}
.bi-dice-4-fill::before {
  content: '\f2f8';
}
.bi-dice-4::before {
  content: '\f2f9';
}
.bi-dice-5-fill::before {
  content: '\f2fa';
}
.bi-dice-5::before {
  content: '\f2fb';
}
.bi-dice-6-fill::before {
  content: '\f2fc';
}
.bi-dice-6::before {
  content: '\f2fd';
}
.bi-disc-fill::before {
  content: '\f2fe';
}
.bi-disc::before {
  content: '\f2ff';
}
.bi-discord::before {
  content: '\f300';
}
.bi-display-fill::before {
  content: '\f301';
}
.bi-display::before {
  content: '\f302';
}
.bi-distribute-horizontal::before {
  content: '\f303';
}
.bi-distribute-vertical::before {
  content: '\f304';
}
.bi-door-closed-fill::before {
  content: '\f305';
}
.bi-door-closed::before {
  content: '\f306';
}
.bi-door-open-fill::before {
  content: '\f307';
}
.bi-door-open::before {
  content: '\f308';
}
.bi-dot::before {
  content: '\f309';
}
.bi-download::before {
  content: '\f30a';
}
.bi-droplet-fill::before {
  content: '\f30b';
}
.bi-droplet-half::before {
  content: '\f30c';
}
.bi-droplet::before {
  content: '\f30d';
}
.bi-earbuds::before {
  content: '\f30e';
}
.bi-easel-fill::before {
  content: '\f30f';
}
.bi-easel::before {
  content: '\f310';
}
.bi-egg-fill::before {
  content: '\f311';
}
.bi-egg-fried::before {
  content: '\f312';
}
.bi-egg::before {
  content: '\f313';
}
.bi-eject-fill::before {
  content: '\f314';
}
.bi-eject::before {
  content: '\f315';
}
.bi-emoji-angry-fill::before {
  content: '\f316';
}
.bi-emoji-angry::before {
  content: '\f317';
}
.bi-emoji-dizzy-fill::before {
  content: '\f318';
}
.bi-emoji-dizzy::before {
  content: '\f319';
}
.bi-emoji-expressionless-fill::before {
  content: '\f31a';
}
.bi-emoji-expressionless::before {
  content: '\f31b';
}
.bi-emoji-frown-fill::before {
  content: '\f31c';
}
.bi-emoji-frown::before {
  content: '\f31d';
}
.bi-emoji-heart-eyes-fill::before {
  content: '\f31e';
}
.bi-emoji-heart-eyes::before {
  content: '\f31f';
}
.bi-emoji-laughing-fill::before {
  content: '\f320';
}
.bi-emoji-laughing::before {
  content: '\f321';
}
.bi-emoji-neutral-fill::before {
  content: '\f322';
}
.bi-emoji-neutral::before {
  content: '\f323';
}
.bi-emoji-smile-fill::before {
  content: '\f324';
}
.bi-emoji-smile-upside-down-fill::before {
  content: '\f325';
}
.bi-emoji-smile-upside-down::before {
  content: '\f326';
}
.bi-emoji-smile::before {
  content: '\f327';
}
.bi-emoji-sunglasses-fill::before {
  content: '\f328';
}
.bi-emoji-sunglasses::before {
  content: '\f329';
}
.bi-emoji-wink-fill::before {
  content: '\f32a';
}
.bi-emoji-wink::before {
  content: '\f32b';
}
.bi-envelope-fill::before {
  content: '\f32c';
}
.bi-envelope-open-fill::before {
  content: '\f32d';
}
.bi-envelope-open::before {
  content: '\f32e';
}
.bi-envelope::before {
  content: '\f32f';
}
.bi-eraser-fill::before {
  content: '\f330';
}
.bi-eraser::before {
  content: '\f331';
}
.bi-exclamation-circle-fill::before {
  content: '\f332';
}
.bi-exclamation-circle::before {
  content: '\f333';
}
.bi-exclamation-diamond-fill::before {
  content: '\f334';
}
.bi-exclamation-diamond::before {
  content: '\f335';
}
.bi-exclamation-octagon-fill::before {
  content: '\f336';
}
.bi-exclamation-octagon::before {
  content: '\f337';
}
.bi-exclamation-square-fill::before {
  content: '\f338';
}
.bi-exclamation-square::before {
  content: '\f339';
}
.bi-exclamation-triangle-fill::before {
  content: '\f33a';
}
.bi-exclamation-triangle::before {
  content: '\f33b';
}
.bi-exclamation::before {
  content: '\f33c';
}
.bi-exclude::before {
  content: '\f33d';
}
.bi-eye-fill::before {
  content: '\f33e';
}
.bi-eye-slash-fill::before {
  content: '\f33f';
}
.bi-eye-slash::before {
  content: '\f340';
}
.bi-eye::before {
  content: '\f341';
}
.bi-eyedropper::before {
  content: '\f342';
}
.bi-eyeglasses::before {
  content: '\f343';
}
.bi-facebook::before {
  content: '\f344';
}
.bi-file-arrow-down-fill::before {
  content: '\f345';
}
.bi-file-arrow-down::before {
  content: '\f346';
}
.bi-file-arrow-up-fill::before {
  content: '\f347';
}
.bi-file-arrow-up::before {
  content: '\f348';
}
.bi-file-bar-graph-fill::before {
  content: '\f349';
}
.bi-file-bar-graph::before {
  content: '\f34a';
}
.bi-file-binary-fill::before {
  content: '\f34b';
}
.bi-file-binary::before {
  content: '\f34c';
}
.bi-file-break-fill::before {
  content: '\f34d';
}
.bi-file-break::before {
  content: '\f34e';
}
.bi-file-check-fill::before {
  content: '\f34f';
}
.bi-file-check::before {
  content: '\f350';
}
.bi-file-code-fill::before {
  content: '\f351';
}
.bi-file-code::before {
  content: '\f352';
}
.bi-file-diff-fill::before {
  content: '\f353';
}
.bi-file-diff::before {
  content: '\f354';
}
.bi-file-earmark-arrow-down-fill::before {
  content: '\f355';
}
.bi-file-earmark-arrow-down::before {
  content: '\f356';
}
.bi-file-earmark-arrow-up-fill::before {
  content: '\f357';
}
.bi-file-earmark-arrow-up::before {
  content: '\f358';
}
.bi-file-earmark-bar-graph-fill::before {
  content: '\f359';
}
.bi-file-earmark-bar-graph::before {
  content: '\f35a';
}
.bi-file-earmark-binary-fill::before {
  content: '\f35b';
}
.bi-file-earmark-binary::before {
  content: '\f35c';
}
.bi-file-earmark-break-fill::before {
  content: '\f35d';
}
.bi-file-earmark-break::before {
  content: '\f35e';
}
.bi-file-earmark-check-fill::before {
  content: '\f35f';
}
.bi-file-earmark-check::before {
  content: '\f360';
}
.bi-file-earmark-code-fill::before {
  content: '\f361';
}
.bi-file-earmark-code::before {
  content: '\f362';
}
.bi-file-earmark-diff-fill::before {
  content: '\f363';
}
.bi-file-earmark-diff::before {
  content: '\f364';
}
.bi-file-earmark-easel-fill::before {
  content: '\f365';
}
.bi-file-earmark-easel::before {
  content: '\f366';
}
.bi-file-earmark-excel-fill::before {
  content: '\f367';
}
.bi-file-earmark-excel::before {
  content: '\f368';
}
.bi-file-earmark-fill::before {
  content: '\f369';
}
.bi-file-earmark-font-fill::before {
  content: '\f36a';
}
.bi-file-earmark-font::before {
  content: '\f36b';
}
.bi-file-earmark-image-fill::before {
  content: '\f36c';
}
.bi-file-earmark-image::before {
  content: '\f36d';
}
.bi-file-earmark-lock-fill::before {
  content: '\f36e';
}
.bi-file-earmark-lock::before {
  content: '\f36f';
}
.bi-file-earmark-lock2-fill::before {
  content: '\f370';
}
.bi-file-earmark-lock2::before {
  content: '\f371';
}
.bi-file-earmark-medical-fill::before {
  content: '\f372';
}
.bi-file-earmark-medical::before {
  content: '\f373';
}
.bi-file-earmark-minus-fill::before {
  content: '\f374';
}
.bi-file-earmark-minus::before {
  content: '\f375';
}
.bi-file-earmark-music-fill::before {
  content: '\f376';
}
.bi-file-earmark-music::before {
  content: '\f377';
}
.bi-file-earmark-person-fill::before {
  content: '\f378';
}
.bi-file-earmark-person::before {
  content: '\f379';
}
.bi-file-earmark-play-fill::before {
  content: '\f37a';
}
.bi-file-earmark-play::before {
  content: '\f37b';
}
.bi-file-earmark-plus-fill::before {
  content: '\f37c';
}
.bi-file-earmark-plus::before {
  content: '\f37d';
}
.bi-file-earmark-post-fill::before {
  content: '\f37e';
}
.bi-file-earmark-post::before {
  content: '\f37f';
}
.bi-file-earmark-ppt-fill::before {
  content: '\f380';
}
.bi-file-earmark-ppt::before {
  content: '\f381';
}
.bi-file-earmark-richtext-fill::before {
  content: '\f382';
}
.bi-file-earmark-richtext::before {
  content: '\f383';
}
.bi-file-earmark-ruled-fill::before {
  content: '\f384';
}
.bi-file-earmark-ruled::before {
  content: '\f385';
}
.bi-file-earmark-slides-fill::before {
  content: '\f386';
}
.bi-file-earmark-slides::before {
  content: '\f387';
}
.bi-file-earmark-spreadsheet-fill::before {
  content: '\f388';
}
.bi-file-earmark-spreadsheet::before {
  content: '\f389';
}
.bi-file-earmark-text-fill::before {
  content: '\f38a';
}
.bi-file-earmark-text::before {
  content: '\f38b';
}
.bi-file-earmark-word-fill::before {
  content: '\f38c';
}
.bi-file-earmark-word::before {
  content: '\f38d';
}
.bi-file-earmark-x-fill::before {
  content: '\f38e';
}
.bi-file-earmark-x::before {
  content: '\f38f';
}
.bi-file-earmark-zip-fill::before {
  content: '\f390';
}
.bi-file-earmark-zip::before {
  content: '\f391';
}
.bi-file-earmark::before {
  content: '\f392';
}
.bi-file-easel-fill::before {
  content: '\f393';
}
.bi-file-easel::before {
  content: '\f394';
}
.bi-file-excel-fill::before {
  content: '\f395';
}
.bi-file-excel::before {
  content: '\f396';
}
.bi-file-fill::before {
  content: '\f397';
}
.bi-file-font-fill::before {
  content: '\f398';
}
.bi-file-font::before {
  content: '\f399';
}
.bi-file-image-fill::before {
  content: '\f39a';
}
.bi-file-image::before {
  content: '\f39b';
}
.bi-file-lock-fill::before {
  content: '\f39c';
}
.bi-file-lock::before {
  content: '\f39d';
}
.bi-file-lock2-fill::before {
  content: '\f39e';
}
.bi-file-lock2::before {
  content: '\f39f';
}
.bi-file-medical-fill::before {
  content: '\f3a0';
}
.bi-file-medical::before {
  content: '\f3a1';
}
.bi-file-minus-fill::before {
  content: '\f3a2';
}
.bi-file-minus::before {
  content: '\f3a3';
}
.bi-file-music-fill::before {
  content: '\f3a4';
}
.bi-file-music::before {
  content: '\f3a5';
}
.bi-file-person-fill::before {
  content: '\f3a6';
}
.bi-file-person::before {
  content: '\f3a7';
}
.bi-file-play-fill::before {
  content: '\f3a8';
}
.bi-file-play::before {
  content: '\f3a9';
}
.bi-file-plus-fill::before {
  content: '\f3aa';
}
.bi-file-plus::before {
  content: '\f3ab';
}
.bi-file-post-fill::before {
  content: '\f3ac';
}
.bi-file-post::before {
  content: '\f3ad';
}
.bi-file-ppt-fill::before {
  content: '\f3ae';
}
.bi-file-ppt::before {
  content: '\f3af';
}
.bi-file-richtext-fill::before {
  content: '\f3b0';
}
.bi-file-richtext::before {
  content: '\f3b1';
}
.bi-file-ruled-fill::before {
  content: '\f3b2';
}
.bi-file-ruled::before {
  content: '\f3b3';
}
.bi-file-slides-fill::before {
  content: '\f3b4';
}
.bi-file-slides::before {
  content: '\f3b5';
}
.bi-file-spreadsheet-fill::before {
  content: '\f3b6';
}
.bi-file-spreadsheet::before {
  content: '\f3b7';
}
.bi-file-text-fill::before {
  content: '\f3b8';
}
.bi-file-text::before {
  content: '\f3b9';
}
.bi-file-word-fill::before {
  content: '\f3ba';
}
.bi-file-word::before {
  content: '\f3bb';
}
.bi-file-x-fill::before {
  content: '\f3bc';
}
.bi-file-x::before {
  content: '\f3bd';
}
.bi-file-zip-fill::before {
  content: '\f3be';
}
.bi-file-zip::before {
  content: '\f3bf';
}
.bi-file::before {
  content: '\f3c0';
}
.bi-files-alt::before {
  content: '\f3c1';
}
.bi-files::before {
  content: '\f3c2';
}
.bi-film::before {
  content: '\f3c3';
}
.bi-filter-circle-fill::before {
  content: '\f3c4';
}
.bi-filter-circle::before {
  content: '\f3c5';
}
.bi-filter-left::before {
  content: '\f3c6';
}
.bi-filter-right::before {
  content: '\f3c7';
}
.bi-filter-square-fill::before {
  content: '\f3c8';
}
.bi-filter-square::before {
  content: '\f3c9';
}
.bi-filter::before {
  content: '\f3ca';
}
.bi-flag-fill::before {
  content: '\f3cb';
}
.bi-flag::before {
  content: '\f3cc';
}
.bi-flower1::before {
  content: '\f3cd';
}
.bi-flower2::before {
  content: '\f3ce';
}
.bi-flower3::before {
  content: '\f3cf';
}
.bi-folder-check::before {
  content: '\f3d0';
}
.bi-folder-fill::before {
  content: '\f3d1';
}
.bi-folder-minus::before {
  content: '\f3d2';
}
.bi-folder-plus::before {
  content: '\f3d3';
}
.bi-folder-symlink-fill::before {
  content: '\f3d4';
}
.bi-folder-symlink::before {
  content: '\f3d5';
}
.bi-folder-x::before {
  content: '\f3d6';
}
.bi-folder::before {
  content: '\f3d7';
}
.bi-folder2-open::before {
  content: '\f3d8';
}
.bi-folder2::before {
  content: '\f3d9';
}
.bi-fonts::before {
  content: '\f3da';
}
.bi-forward-fill::before {
  content: '\f3db';
}
.bi-forward::before {
  content: '\f3dc';
}
.bi-front::before {
  content: '\f3dd';
}
.bi-fullscreen-exit::before {
  content: '\f3de';
}
.bi-fullscreen::before {
  content: '\f3df';
}
.bi-funnel-fill::before {
  content: '\f3e0';
}
.bi-funnel::before {
  content: '\f3e1';
}
.bi-gear-fill::before {
  content: '\f3e2';
}
.bi-gear-wide-connected::before {
  content: '\f3e3';
}
.bi-gear-wide::before {
  content: '\f3e4';
}
.bi-gear::before {
  content: '\f3e5';
}
.bi-gem::before {
  content: '\f3e6';
}
.bi-geo-alt-fill::before {
  content: '\f3e7';
}
.bi-geo-alt::before {
  content: '\f3e8';
}
.bi-geo-fill::before {
  content: '\f3e9';
}
.bi-geo::before {
  content: '\f3ea';
}
.bi-gift-fill::before {
  content: '\f3eb';
}
.bi-gift::before {
  content: '\f3ec';
}
.bi-github::before {
  content: '\f3ed';
}
.bi-globe::before {
  content: '\f3ee';
}
.bi-globe2::before {
  content: '\f3ef';
}
.bi-google::before {
  content: '\f3f0';
}
.bi-graph-down::before {
  content: '\f3f1';
}
.bi-graph-up::before {
  content: '\f3f2';
}
.bi-grid-1x2-fill::before {
  content: '\f3f3';
}
.bi-grid-1x2::before {
  content: '\f3f4';
}
.bi-grid-3x2-gap-fill::before {
  content: '\f3f5';
}
.bi-grid-3x2-gap::before {
  content: '\f3f6';
}
.bi-grid-3x2::before {
  content: '\f3f7';
}
.bi-grid-3x3-gap-fill::before {
  content: '\f3f8';
}
.bi-grid-3x3-gap::before {
  content: '\f3f9';
}
.bi-grid-3x3::before {
  content: '\f3fa';
}
.bi-grid-fill::before {
  content: '\f3fb';
}
.bi-grid::before {
  content: '\f3fc';
}
.bi-grip-horizontal::before {
  content: '\f3fd';
}
.bi-grip-vertical::before {
  content: '\f3fe';
}
.bi-hammer::before {
  content: '\f3ff';
}
.bi-hand-index-fill::before {
  content: '\f400';
}
.bi-hand-index-thumb-fill::before {
  content: '\f401';
}
.bi-hand-index-thumb::before {
  content: '\f402';
}
.bi-hand-index::before {
  content: '\f403';
}
.bi-hand-thumbs-down-fill::before {
  content: '\f404';
}
.bi-hand-thumbs-down::before {
  content: '\f405';
}
.bi-hand-thumbs-up-fill::before {
  content: '\f406';
}
.bi-hand-thumbs-up::before {
  content: '\f407';
}
.bi-handbag-fill::before {
  content: '\f408';
}
.bi-handbag::before {
  content: '\f409';
}
.bi-hash::before {
  content: '\f40a';
}
.bi-hdd-fill::before {
  content: '\f40b';
}
.bi-hdd-network-fill::before {
  content: '\f40c';
}
.bi-hdd-network::before {
  content: '\f40d';
}
.bi-hdd-rack-fill::before {
  content: '\f40e';
}
.bi-hdd-rack::before {
  content: '\f40f';
}
.bi-hdd-stack-fill::before {
  content: '\f410';
}
.bi-hdd-stack::before {
  content: '\f411';
}
.bi-hdd::before {
  content: '\f412';
}
.bi-headphones::before {
  content: '\f413';
}
.bi-headset::before {
  content: '\f414';
}
.bi-heart-fill::before {
  content: '\f415';
}
.bi-heart-half::before {
  content: '\f416';
}
.bi-heart::before {
  content: '\f417';
}
.bi-heptagon-fill::before {
  content: '\f418';
}
.bi-heptagon-half::before {
  content: '\f419';
}
.bi-heptagon::before {
  content: '\f41a';
}
.bi-hexagon-fill::before {
  content: '\f41b';
}
.bi-hexagon-half::before {
  content: '\f41c';
}
.bi-hexagon::before {
  content: '\f41d';
}
.bi-hourglass-bottom::before {
  content: '\f41e';
}
.bi-hourglass-split::before {
  content: '\f41f';
}
.bi-hourglass-top::before {
  content: '\f420';
}
.bi-hourglass::before {
  content: '\f421';
}
.bi-house-door-fill::before {
  content: '\f422';
}
.bi-house-door::before {
  content: '\f423';
}
.bi-house-fill::before {
  content: '\f424';
}
.bi-house::before {
  content: '\f425';
}
.bi-hr::before {
  content: '\f426';
}
.bi-hurricane::before {
  content: '\f427';
}
.bi-image-alt::before {
  content: '\f428';
}
.bi-image-fill::before {
  content: '\f429';
}
.bi-image::before {
  content: '\f42a';
}
.bi-images::before {
  content: '\f42b';
}
.bi-inbox-fill::before {
  content: '\f42c';
}
.bi-inbox::before {
  content: '\f42d';
}
.bi-inboxes-fill::before {
  content: '\f42e';
}
.bi-inboxes::before {
  content: '\f42f';
}
.bi-info-circle-fill::before {
  content: '\f430';
}
.bi-info-circle::before {
  content: '\f431';
}
.bi-info-square-fill::before {
  content: '\f432';
}
.bi-info-square::before {
  content: '\f433';
}
.bi-info::before {
  content: '\f434';
}
.bi-input-cursor-text::before {
  content: '\f435';
}
.bi-input-cursor::before {
  content: '\f436';
}
.bi-instagram::before {
  content: '\f437';
}
.bi-intersect::before {
  content: '\f438';
}
.bi-journal-album::before {
  content: '\f439';
}
.bi-journal-arrow-down::before {
  content: '\f43a';
}
.bi-journal-arrow-up::before {
  content: '\f43b';
}
.bi-journal-bookmark-fill::before {
  content: '\f43c';
}
.bi-journal-bookmark::before {
  content: '\f43d';
}
.bi-journal-check::before {
  content: '\f43e';
}
.bi-journal-code::before {
  content: '\f43f';
}
.bi-journal-medical::before {
  content: '\f440';
}
.bi-journal-minus::before {
  content: '\f441';
}
.bi-journal-plus::before {
  content: '\f442';
}
.bi-journal-richtext::before {
  content: '\f443';
}
.bi-journal-text::before {
  content: '\f444';
}
.bi-journal-x::before {
  content: '\f445';
}
.bi-journal::before {
  content: '\f446';
}
.bi-journals::before {
  content: '\f447';
}
.bi-joystick::before {
  content: '\f448';
}
.bi-justify-left::before {
  content: '\f449';
}
.bi-justify-right::before {
  content: '\f44a';
}
.bi-justify::before {
  content: '\f44b';
}
.bi-kanban-fill::before {
  content: '\f44c';
}
.bi-kanban::before {
  content: '\f44d';
}
.bi-key-fill::before {
  content: '\f44e';
}
.bi-key::before {
  content: '\f44f';
}
.bi-keyboard-fill::before {
  content: '\f450';
}
.bi-keyboard::before {
  content: '\f451';
}
.bi-ladder::before {
  content: '\f452';
}
.bi-lamp-fill::before {
  content: '\f453';
}
.bi-lamp::before {
  content: '\f454';
}
.bi-laptop-fill::before {
  content: '\f455';
}
.bi-laptop::before {
  content: '\f456';
}
.bi-layer-backward::before {
  content: '\f457';
}
.bi-layer-forward::before {
  content: '\f458';
}
.bi-layers-fill::before {
  content: '\f459';
}
.bi-layers-half::before {
  content: '\f45a';
}
.bi-layers::before {
  content: '\f45b';
}
.bi-layout-sidebar-inset-reverse::before {
  content: '\f45c';
}
.bi-layout-sidebar-inset::before {
  content: '\f45d';
}
.bi-layout-sidebar-reverse::before {
  content: '\f45e';
}
.bi-layout-sidebar::before {
  content: '\f45f';
}
.bi-layout-split::before {
  content: '\f460';
}
.bi-layout-text-sidebar-reverse::before {
  content: '\f461';
}
.bi-layout-text-sidebar::before {
  content: '\f462';
}
.bi-layout-text-window-reverse::before {
  content: '\f463';
}
.bi-layout-text-window::before {
  content: '\f464';
}
.bi-layout-three-columns::before {
  content: '\f465';
}
.bi-layout-wtf::before {
  content: '\f466';
}
.bi-life-preserver::before {
  content: '\f467';
}
.bi-lightbulb-fill::before {
  content: '\f468';
}
.bi-lightbulb-off-fill::before {
  content: '\f469';
}
.bi-lightbulb-off::before {
  content: '\f46a';
}
.bi-lightbulb::before {
  content: '\f46b';
}
.bi-lightning-charge-fill::before {
  content: '\f46c';
}
.bi-lightning-charge::before {
  content: '\f46d';
}
.bi-lightning-fill::before {
  content: '\f46e';
}
.bi-lightning::before {
  content: '\f46f';
}
.bi-link-45deg::before {
  content: '\f470';
}
.bi-link::before {
  content: '\f471';
}
.bi-linkedin::before {
  content: '\f472';
}
.bi-list-check::before {
  content: '\f473';
}
.bi-list-nested::before {
  content: '\f474';
}
.bi-list-ol::before {
  content: '\f475';
}
.bi-list-stars::before {
  content: '\f476';
}
.bi-list-task::before {
  content: '\f477';
}
.bi-list-ul::before {
  content: '\f478';
}
.bi-list::before {
  content: '\f479';
}
.bi-lock-fill::before {
  content: '\f47a';
}
.bi-lock::before {
  content: '\f47b';
}
.bi-mailbox::before {
  content: '\f47c';
}
.bi-mailbox2::before {
  content: '\f47d';
}
.bi-map-fill::before {
  content: '\f47e';
}
.bi-map::before {
  content: '\f47f';
}
.bi-markdown-fill::before {
  content: '\f480';
}
.bi-markdown::before {
  content: '\f481';
}
.bi-mask::before {
  content: '\f482';
}
.bi-megaphone-fill::before {
  content: '\f483';
}
.bi-megaphone::before {
  content: '\f484';
}
.bi-menu-app-fill::before {
  content: '\f485';
}
.bi-menu-app::before {
  content: '\f486';
}
.bi-menu-button-fill::before {
  content: '\f487';
}
.bi-menu-button-wide-fill::before {
  content: '\f488';
}
.bi-menu-button-wide::before {
  content: '\f489';
}
.bi-menu-button::before {
  content: '\f48a';
}
.bi-menu-down::before {
  content: '\f48b';
}
.bi-menu-up::before {
  content: '\f48c';
}
.bi-mic-fill::before {
  content: '\f48d';
}
.bi-mic-mute-fill::before {
  content: '\f48e';
}
.bi-mic-mute::before {
  content: '\f48f';
}
.bi-mic::before {
  content: '\f490';
}
.bi-minecart-loaded::before {
  content: '\f491';
}
.bi-minecart::before {
  content: '\f492';
}
.bi-moisture::before {
  content: '\f493';
}
.bi-moon-fill::before {
  content: '\f494';
}
.bi-moon-stars-fill::before {
  content: '\f495';
}
.bi-moon-stars::before {
  content: '\f496';
}
.bi-moon::before {
  content: '\f497';
}
.bi-mouse-fill::before {
  content: '\f498';
}
.bi-mouse::before {
  content: '\f499';
}
.bi-mouse2-fill::before {
  content: '\f49a';
}
.bi-mouse2::before {
  content: '\f49b';
}
.bi-mouse3-fill::before {
  content: '\f49c';
}
.bi-mouse3::before {
  content: '\f49d';
}
.bi-music-note-beamed::before {
  content: '\f49e';
}
.bi-music-note-list::before {
  content: '\f49f';
}
.bi-music-note::before {
  content: '\f4a0';
}
.bi-music-player-fill::before {
  content: '\f4a1';
}
.bi-music-player::before {
  content: '\f4a2';
}
.bi-newspaper::before {
  content: '\f4a3';
}
.bi-node-minus-fill::before {
  content: '\f4a4';
}
.bi-node-minus::before {
  content: '\f4a5';
}
.bi-node-plus-fill::before {
  content: '\f4a6';
}
.bi-node-plus::before {
  content: '\f4a7';
}
.bi-nut-fill::before {
  content: '\f4a8';
}
.bi-nut::before {
  content: '\f4a9';
}
.bi-octagon-fill::before {
  content: '\f4aa';
}
.bi-octagon-half::before {
  content: '\f4ab';
}
.bi-octagon::before {
  content: '\f4ac';
}
.bi-option::before {
  content: '\f4ad';
}
.bi-outlet::before {
  content: '\f4ae';
}
.bi-paint-bucket::before {
  content: '\f4af';
}
.bi-palette-fill::before {
  content: '\f4b0';
}
.bi-palette::before {
  content: '\f4b1';
}
.bi-palette2::before {
  content: '\f4b2';
}
.bi-paperclip::before {
  content: '\f4b3';
}
.bi-paragraph::before {
  content: '\f4b4';
}
.bi-patch-check-fill::before {
  content: '\f4b5';
}
.bi-patch-check::before {
  content: '\f4b6';
}
.bi-patch-exclamation-fill::before {
  content: '\f4b7';
}
.bi-patch-exclamation::before {
  content: '\f4b8';
}
.bi-patch-minus-fill::before {
  content: '\f4b9';
}
.bi-patch-minus::before {
  content: '\f4ba';
}
.bi-patch-plus-fill::before {
  content: '\f4bb';
}
.bi-patch-plus::before {
  content: '\f4bc';
}
.bi-patch-question-fill::before {
  content: '\f4bd';
}
.bi-patch-question::before {
  content: '\f4be';
}
.bi-pause-btn-fill::before {
  content: '\f4bf';
}
.bi-pause-btn::before {
  content: '\f4c0';
}
.bi-pause-circle-fill::before {
  content: '\f4c1';
}
.bi-pause-circle::before {
  content: '\f4c2';
}
.bi-pause-fill::before {
  content: '\f4c3';
}
.bi-pause::before {
  content: '\f4c4';
}
.bi-peace-fill::before {
  content: '\f4c5';
}
.bi-peace::before {
  content: '\f4c6';
}
.bi-pen-fill::before {
  content: '\f4c7';
}
.bi-pen::before {
  content: '\f4c8';
}
.bi-pencil-fill::before {
  content: '\f4c9';
}
.bi-pencil-square::before {
  content: '\f4ca';
}
.bi-pencil::before {
  content: '\f4cb';
}
.bi-pentagon-fill::before {
  content: '\f4cc';
}
.bi-pentagon-half::before {
  content: '\f4cd';
}
.bi-pentagon::before {
  content: '\f4ce';
}
.bi-people-fill::before {
  content: '\f4cf';
}
.bi-people::before {
  content: '\f4d0';
}
.bi-percent::before {
  content: '\f4d1';
}
.bi-person-badge-fill::before {
  content: '\f4d2';
}
.bi-person-badge::before {
  content: '\f4d3';
}
.bi-person-bounding-box::before {
  content: '\f4d4';
}
.bi-person-check-fill::before {
  content: '\f4d5';
}
.bi-person-check::before {
  content: '\f4d6';
}
.bi-person-circle::before {
  content: '\f4d7';
}
.bi-person-dash-fill::before {
  content: '\f4d8';
}
.bi-person-dash::before {
  content: '\f4d9';
}
.bi-person-fill::before {
  content: '\f4da';
}
.bi-person-lines-fill::before {
  content: '\f4db';
}
.bi-person-plus-fill::before {
  content: '\f4dc';
}
.bi-person-plus::before {
  content: '\f4dd';
}
.bi-person-square::before {
  content: '\f4de';
}
.bi-person-x-fill::before {
  content: '\f4df';
}
.bi-person-x::before {
  content: '\f4e0';
}
.bi-person::before {
  content: '\f4e1';
}
.bi-phone-fill::before {
  content: '\f4e2';
}
.bi-phone-landscape-fill::before {
  content: '\f4e3';
}
.bi-phone-landscape::before {
  content: '\f4e4';
}
.bi-phone-vibrate-fill::before {
  content: '\f4e5';
}
.bi-phone-vibrate::before {
  content: '\f4e6';
}
.bi-phone::before {
  content: '\f4e7';
}
.bi-pie-chart-fill::before {
  content: '\f4e8';
}
.bi-pie-chart::before {
  content: '\f4e9';
}
.bi-pin-angle-fill::before {
  content: '\f4ea';
}
.bi-pin-angle::before {
  content: '\f4eb';
}
.bi-pin-fill::before {
  content: '\f4ec';
}
.bi-pin::before {
  content: '\f4ed';
}
.bi-pip-fill::before {
  content: '\f4ee';
}
.bi-pip::before {
  content: '\f4ef';
}
.bi-play-btn-fill::before {
  content: '\f4f0';
}
.bi-play-btn::before {
  content: '\f4f1';
}
.bi-play-circle-fill::before {
  content: '\f4f2';
}
.bi-play-circle::before {
  content: '\f4f3';
}
.bi-play-fill::before {
  content: '\f4f4';
}
.bi-play::before {
  content: '\f4f5';
}
.bi-plug-fill::before {
  content: '\f4f6';
}
.bi-plug::before {
  content: '\f4f7';
}
.bi-plus-circle-dotted::before {
  content: '\f4f8';
}
.bi-plus-circle-fill::before {
  content: '\f4f9';
}
.bi-plus-circle::before {
  content: '\f4fa';
}
.bi-plus-square-dotted::before {
  content: '\f4fb';
}
.bi-plus-square-fill::before {
  content: '\f4fc';
}
.bi-plus-square::before {
  content: '\f4fd';
}
.bi-plus::before {
  content: '\f4fe';
}
.bi-power::before {
  content: '\f4ff';
}
.bi-printer-fill::before {
  content: '\f500';
}
.bi-printer::before {
  content: '\f501';
}
.bi-puzzle-fill::before {
  content: '\f502';
}
.bi-puzzle::before {
  content: '\f503';
}
.bi-question-circle-fill::before {
  content: '\f504';
}
.bi-question-circle::before {
  content: '\f505';
}
.bi-question-diamond-fill::before {
  content: '\f506';
}
.bi-question-diamond::before {
  content: '\f507';
}
.bi-question-octagon-fill::before {
  content: '\f508';
}
.bi-question-octagon::before {
  content: '\f509';
}
.bi-question-square-fill::before {
  content: '\f50a';
}
.bi-question-square::before {
  content: '\f50b';
}
.bi-question::before {
  content: '\f50c';
}
.bi-rainbow::before {
  content: '\f50d';
}
.bi-receipt-cutoff::before {
  content: '\f50e';
}
.bi-receipt::before {
  content: '\f50f';
}
.bi-reception-0::before {
  content: '\f510';
}
.bi-reception-1::before {
  content: '\f511';
}
.bi-reception-2::before {
  content: '\f512';
}
.bi-reception-3::before {
  content: '\f513';
}
.bi-reception-4::before {
  content: '\f514';
}
.bi-record-btn-fill::before {
  content: '\f515';
}
.bi-record-btn::before {
  content: '\f516';
}
.bi-record-circle-fill::before {
  content: '\f517';
}
.bi-record-circle::before {
  content: '\f518';
}
.bi-record-fill::before {
  content: '\f519';
}
.bi-record::before {
  content: '\f51a';
}
.bi-record2-fill::before {
  content: '\f51b';
}
.bi-record2::before {
  content: '\f51c';
}
.bi-reply-all-fill::before {
  content: '\f51d';
}
.bi-reply-all::before {
  content: '\f51e';
}
.bi-reply-fill::before {
  content: '\f51f';
}
.bi-reply::before {
  content: '\f520';
}
.bi-rss-fill::before {
  content: '\f521';
}
.bi-rss::before {
  content: '\f522';
}
.bi-rulers::before {
  content: '\f523';
}
.bi-save-fill::before {
  content: '\f524';
}
.bi-save::before {
  content: '\f525';
}
.bi-save2-fill::before {
  content: '\f526';
}
.bi-save2::before {
  content: '\f527';
}
.bi-scissors::before {
  content: '\f528';
}
.bi-screwdriver::before {
  content: '\f529';
}
.bi-search::before {
  content: '\f52a';
}
.bi-segmented-nav::before {
  content: '\f52b';
}
.bi-server::before {
  content: '\f52c';
}
.bi-share-fill::before {
  content: '\f52d';
}
.bi-share::before {
  content: '\f52e';
}
.bi-shield-check::before {
  content: '\f52f';
}
.bi-shield-exclamation::before {
  content: '\f530';
}
.bi-shield-fill-check::before {
  content: '\f531';
}
.bi-shield-fill-exclamation::before {
  content: '\f532';
}
.bi-shield-fill-minus::before {
  content: '\f533';
}
.bi-shield-fill-plus::before {
  content: '\f534';
}
.bi-shield-fill-x::before {
  content: '\f535';
}
.bi-shield-fill::before {
  content: '\f536';
}
.bi-shield-lock-fill::before {
  content: '\f537';
}
.bi-shield-lock::before {
  content: '\f538';
}
.bi-shield-minus::before {
  content: '\f539';
}
.bi-shield-plus::before {
  content: '\f53a';
}
.bi-shield-shaded::before {
  content: '\f53b';
}
.bi-shield-slash-fill::before {
  content: '\f53c';
}
.bi-shield-slash::before {
  content: '\f53d';
}
.bi-shield-x::before {
  content: '\f53e';
}
.bi-shield::before {
  content: '\f53f';
}
.bi-shift-fill::before {
  content: '\f540';
}
.bi-shift::before {
  content: '\f541';
}
.bi-shop-window::before {
  content: '\f542';
}
.bi-shop::before {
  content: '\f543';
}
.bi-shuffle::before {
  content: '\f544';
}
.bi-signpost-2-fill::before {
  content: '\f545';
}
.bi-signpost-2::before {
  content: '\f546';
}
.bi-signpost-fill::before {
  content: '\f547';
}
.bi-signpost-split-fill::before {
  content: '\f548';
}
.bi-signpost-split::before {
  content: '\f549';
}
.bi-signpost::before {
  content: '\f54a';
}
.bi-sim-fill::before {
  content: '\f54b';
}
.bi-sim::before {
  content: '\f54c';
}
.bi-skip-backward-btn-fill::before {
  content: '\f54d';
}
.bi-skip-backward-btn::before {
  content: '\f54e';
}
.bi-skip-backward-circle-fill::before {
  content: '\f54f';
}
.bi-skip-backward-circle::before {
  content: '\f550';
}
.bi-skip-backward-fill::before {
  content: '\f551';
}
.bi-skip-backward::before {
  content: '\f552';
}
.bi-skip-end-btn-fill::before {
  content: '\f553';
}
.bi-skip-end-btn::before {
  content: '\f554';
}
.bi-skip-end-circle-fill::before {
  content: '\f555';
}
.bi-skip-end-circle::before {
  content: '\f556';
}
.bi-skip-end-fill::before {
  content: '\f557';
}
.bi-skip-end::before {
  content: '\f558';
}
.bi-skip-forward-btn-fill::before {
  content: '\f559';
}
.bi-skip-forward-btn::before {
  content: '\f55a';
}
.bi-skip-forward-circle-fill::before {
  content: '\f55b';
}
.bi-skip-forward-circle::before {
  content: '\f55c';
}
.bi-skip-forward-fill::before {
  content: '\f55d';
}
.bi-skip-forward::before {
  content: '\f55e';
}
.bi-skip-start-btn-fill::before {
  content: '\f55f';
}
.bi-skip-start-btn::before {
  content: '\f560';
}
.bi-skip-start-circle-fill::before {
  content: '\f561';
}
.bi-skip-start-circle::before {
  content: '\f562';
}
.bi-skip-start-fill::before {
  content: '\f563';
}
.bi-skip-start::before {
  content: '\f564';
}
.bi-slack::before {
  content: '\f565';
}
.bi-slash-circle-fill::before {
  content: '\f566';
}
.bi-slash-circle::before {
  content: '\f567';
}
.bi-slash-square-fill::before {
  content: '\f568';
}
.bi-slash-square::before {
  content: '\f569';
}
.bi-slash::before {
  content: '\f56a';
}
.bi-sliders::before {
  content: '\f56b';
}
.bi-smartwatch::before {
  content: '\f56c';
}
.bi-snow::before {
  content: '\f56d';
}
.bi-snow2::before {
  content: '\f56e';
}
.bi-snow3::before {
  content: '\f56f';
}
.bi-sort-alpha-down-alt::before {
  content: '\f570';
}
.bi-sort-alpha-down::before {
  content: '\f571';
}
.bi-sort-alpha-up-alt::before {
  content: '\f572';
}
.bi-sort-alpha-up::before {
  content: '\f573';
}
.bi-sort-down-alt::before {
  content: '\f574';
}
.bi-sort-down::before {
  content: '\f575';
}
.bi-sort-numeric-down-alt::before {
  content: '\f576';
}
.bi-sort-numeric-down::before {
  content: '\f577';
}
.bi-sort-numeric-up-alt::before {
  content: '\f578';
}
.bi-sort-numeric-up::before {
  content: '\f579';
}
.bi-sort-up-alt::before {
  content: '\f57a';
}
.bi-sort-up::before {
  content: '\f57b';
}
.bi-soundwave::before {
  content: '\f57c';
}
.bi-speaker-fill::before {
  content: '\f57d';
}
.bi-speaker::before {
  content: '\f57e';
}
.bi-speedometer::before {
  content: '\f57f';
}
.bi-speedometer2::before {
  content: '\f580';
}
.bi-spellcheck::before {
  content: '\f581';
}
.bi-square-fill::before {
  content: '\f582';
}
.bi-square-half::before {
  content: '\f583';
}
.bi-square::before {
  content: '\f584';
}
.bi-stack::before {
  content: '\f585';
}
.bi-star-fill::before {
  content: '\f586';
}
.bi-star-half::before {
  content: '\f587';
}
.bi-star::before {
  content: '\f588';
}
.bi-stars::before {
  content: '\f589';
}
.bi-stickies-fill::before {
  content: '\f58a';
}
.bi-stickies::before {
  content: '\f58b';
}
.bi-sticky-fill::before {
  content: '\f58c';
}
.bi-sticky::before {
  content: '\f58d';
}
.bi-stop-btn-fill::before {
  content: '\f58e';
}
.bi-stop-btn::before {
  content: '\f58f';
}
.bi-stop-circle-fill::before {
  content: '\f590';
}
.bi-stop-circle::before {
  content: '\f591';
}
.bi-stop-fill::before {
  content: '\f592';
}
.bi-stop::before {
  content: '\f593';
}
.bi-stoplights-fill::before {
  content: '\f594';
}
.bi-stoplights::before {
  content: '\f595';
}
.bi-stopwatch-fill::before {
  content: '\f596';
}
.bi-stopwatch::before {
  content: '\f597';
}
.bi-subtract::before {
  content: '\f598';
}
.bi-suit-club-fill::before {
  content: '\f599';
}
.bi-suit-club::before {
  content: '\f59a';
}
.bi-suit-diamond-fill::before {
  content: '\f59b';
}
.bi-suit-diamond::before {
  content: '\f59c';
}
.bi-suit-heart-fill::before {
  content: '\f59d';
}
.bi-suit-heart::before {
  content: '\f59e';
}
.bi-suit-spade-fill::before {
  content: '\f59f';
}
.bi-suit-spade::before {
  content: '\f5a0';
}
.bi-sun-fill::before {
  content: '\f5a1';
}
.bi-sun::before {
  content: '\f5a2';
}
.bi-sunglasses::before {
  content: '\f5a3';
}
.bi-sunrise-fill::before {
  content: '\f5a4';
}
.bi-sunrise::before {
  content: '\f5a5';
}
.bi-sunset-fill::before {
  content: '\f5a6';
}
.bi-sunset::before {
  content: '\f5a7';
}
.bi-symmetry-horizontal::before {
  content: '\f5a8';
}
.bi-symmetry-vertical::before {
  content: '\f5a9';
}
.bi-table::before {
  content: '\f5aa';
}
.bi-tablet-fill::before {
  content: '\f5ab';
}
.bi-tablet-landscape-fill::before {
  content: '\f5ac';
}
.bi-tablet-landscape::before {
  content: '\f5ad';
}
.bi-tablet::before {
  content: '\f5ae';
}
.bi-tag-fill::before {
  content: '\f5af';
}
.bi-tag::before {
  content: '\f5b0';
}
.bi-tags-fill::before {
  content: '\f5b1';
}
.bi-tags::before {
  content: '\f5b2';
}
.bi-telegram::before {
  content: '\f5b3';
}
.bi-telephone-fill::before {
  content: '\f5b4';
}
.bi-telephone-forward-fill::before {
  content: '\f5b5';
}
.bi-telephone-forward::before {
  content: '\f5b6';
}
.bi-telephone-inbound-fill::before {
  content: '\f5b7';
}
.bi-telephone-inbound::before {
  content: '\f5b8';
}
.bi-telephone-minus-fill::before {
  content: '\f5b9';
}
.bi-telephone-minus::before {
  content: '\f5ba';
}
.bi-telephone-outbound-fill::before {
  content: '\f5bb';
}
.bi-telephone-outbound::before {
  content: '\f5bc';
}
.bi-telephone-plus-fill::before {
  content: '\f5bd';
}
.bi-telephone-plus::before {
  content: '\f5be';
}
.bi-telephone-x-fill::before {
  content: '\f5bf';
}
.bi-telephone-x::before {
  content: '\f5c0';
}
.bi-telephone::before {
  content: '\f5c1';
}
.bi-terminal-fill::before {
  content: '\f5c2';
}
.bi-terminal::before {
  content: '\f5c3';
}
.bi-text-center::before {
  content: '\f5c4';
}
.bi-text-indent-left::before {
  content: '\f5c5';
}
.bi-text-indent-right::before {
  content: '\f5c6';
}
.bi-text-left::before {
  content: '\f5c7';
}
.bi-text-paragraph::before {
  content: '\f5c8';
}
.bi-text-right::before {
  content: '\f5c9';
}
.bi-textarea-resize::before {
  content: '\f5ca';
}
.bi-textarea-t::before {
  content: '\f5cb';
}
.bi-textarea::before {
  content: '\f5cc';
}
.bi-thermometer-half::before {
  content: '\f5cd';
}
.bi-thermometer-high::before {
  content: '\f5ce';
}
.bi-thermometer-low::before {
  content: '\f5cf';
}
.bi-thermometer-snow::before {
  content: '\f5d0';
}
.bi-thermometer-sun::before {
  content: '\f5d1';
}
.bi-thermometer::before {
  content: '\f5d2';
}
.bi-three-dots-vertical::before {
  content: '\f5d3';
}
.bi-three-dots::before {
  content: '\f5d4';
}
.bi-toggle-off::before {
  content: '\f5d5';
}
.bi-toggle-on::before {
  content: '\f5d6';
}
.bi-toggle2-off::before {
  content: '\f5d7';
}
.bi-toggle2-on::before {
  content: '\f5d8';
}
.bi-toggles::before {
  content: '\f5d9';
}
.bi-toggles2::before {
  content: '\f5da';
}
.bi-tools::before {
  content: '\f5db';
}
.bi-tornado::before {
  content: '\f5dc';
}
.bi-trash-fill::before {
  content: '\f5dd';
}
.bi-trash::before {
  content: '\f5de';
}
.bi-trash2-fill::before {
  content: '\f5df';
}
.bi-trash2::before {
  content: '\f5e0';
}
.bi-tree-fill::before {
  content: '\f5e1';
}
.bi-tree::before {
  content: '\f5e2';
}
.bi-triangle-fill::before {
  content: '\f5e3';
}
.bi-triangle-half::before {
  content: '\f5e4';
}
.bi-triangle::before {
  content: '\f5e5';
}
.bi-trophy-fill::before {
  content: '\f5e6';
}
.bi-trophy::before {
  content: '\f5e7';
}
.bi-tropical-storm::before {
  content: '\f5e8';
}
.bi-truck-flatbed::before {
  content: '\f5e9';
}
.bi-truck::before {
  content: '\f5ea';
}
.bi-tsunami::before {
  content: '\f5eb';
}
.bi-tv-fill::before {
  content: '\f5ec';
}
.bi-tv::before {
  content: '\f5ed';
}
.bi-twitch::before {
  content: '\f5ee';
}
.bi-twitter::before {
  content: '\f5ef';
}
.bi-type-bold::before {
  content: '\f5f0';
}
.bi-type-h1::before {
  content: '\f5f1';
}
.bi-type-h2::before {
  content: '\f5f2';
}
.bi-type-h3::before {
  content: '\f5f3';
}
.bi-type-italic::before {
  content: '\f5f4';
}
.bi-type-strikethrough::before {
  content: '\f5f5';
}
.bi-type-underline::before {
  content: '\f5f6';
}
.bi-type::before {
  content: '\f5f7';
}
.bi-ui-checks-grid::before {
  content: '\f5f8';
}
.bi-ui-checks::before {
  content: '\f5f9';
}
.bi-ui-radios-grid::before {
  content: '\f5fa';
}
.bi-ui-radios::before {
  content: '\f5fb';
}
.bi-umbrella-fill::before {
  content: '\f5fc';
}
.bi-umbrella::before {
  content: '\f5fd';
}
.bi-union::before {
  content: '\f5fe';
}
.bi-unlock-fill::before {
  content: '\f5ff';
}
.bi-unlock::before {
  content: '\f600';
}
.bi-upc-scan::before {
  content: '\f601';
}
.bi-upc::before {
  content: '\f602';
}
.bi-upload::before {
  content: '\f603';
}
.bi-vector-pen::before {
  content: '\f604';
}
.bi-view-list::before {
  content: '\f605';
}
.bi-view-stacked::before {
  content: '\f606';
}
.bi-vinyl-fill::before {
  content: '\f607';
}
.bi-vinyl::before {
  content: '\f608';
}
.bi-voicemail::before {
  content: '\f609';
}
.bi-volume-down-fill::before {
  content: '\f60a';
}
.bi-volume-down::before {
  content: '\f60b';
}
.bi-volume-mute-fill::before {
  content: '\f60c';
}
.bi-volume-mute::before {
  content: '\f60d';
}
.bi-volume-off-fill::before {
  content: '\f60e';
}
.bi-volume-off::before {
  content: '\f60f';
}
.bi-volume-up-fill::before {
  content: '\f610';
}
.bi-volume-up::before {
  content: '\f611';
}
.bi-vr::before {
  content: '\f612';
}
.bi-wallet-fill::before {
  content: '\f613';
}
.bi-wallet::before {
  content: '\f614';
}
.bi-wallet2::before {
  content: '\f615';
}
.bi-watch::before {
  content: '\f616';
}
.bi-water::before {
  content: '\f617';
}
.bi-whatsapp::before {
  content: '\f618';
}
.bi-wifi-1::before {
  content: '\f619';
}
.bi-wifi-2::before {
  content: '\f61a';
}
.bi-wifi-off::before {
  content: '\f61b';
}
.bi-wifi::before {
  content: '\f61c';
}
.bi-wind::before {
  content: '\f61d';
}
.bi-window-dock::before {
  content: '\f61e';
}
.bi-window-sidebar::before {
  content: '\f61f';
}
.bi-window::before {
  content: '\f620';
}
.bi-wrench::before {
  content: '\f621';
}
.bi-x-circle-fill::before {
  content: '\f622';
}
.bi-x-circle::before {
  content: '\f623';
}
.bi-x-diamond-fill::before {
  content: '\f624';
}
.bi-x-diamond::before {
  content: '\f625';
}
.bi-x-octagon-fill::before {
  content: '\f626';
}
.bi-x-octagon::before {
  content: '\f627';
}
.bi-x-square-fill::before {
  content: '\f628';
}
.bi-x-square::before {
  content: '\f629';
}
.bi-x::before {
  content: '\f62a';
}
.bi-youtube::before {
  content: '\f62b';
}
.bi-zoom-in::before {
  content: '\f62c';
}
.bi-zoom-out::before {
  content: '\f62d';
}
.bi-bank::before {
  content: '\f62e';
}
.bi-bank2::before {
  content: '\f62f';
}
.bi-bell-slash-fill::before {
  content: '\f630';
}
.bi-bell-slash::before {
  content: '\f631';
}
.bi-cash-coin::before {
  content: '\f632';
}
.bi-check-lg::before {
  content: '\f633';
}
.bi-coin::before {
  content: '\f634';
}
.bi-currency-bitcoin::before {
  content: '\f635';
}
.bi-currency-dollar::before {
  content: '\f636';
}
.bi-currency-euro::before {
  content: '\f637';
}
.bi-currency-exchange::before {
  content: '\f638';
}
.bi-currency-pound::before {
  content: '\f639';
}
.bi-currency-yen::before {
  content: '\f63a';
}
.bi-dash-lg::before {
  content: '\f63b';
}
.bi-exclamation-lg::before {
  content: '\f63c';
}
.bi-file-earmark-pdf-fill::before {
  content: '\f63d';
}
.bi-file-earmark-pdf::before {
  content: '\f63e';
}
.bi-file-pdf-fill::before {
  content: '\f63f';
}
.bi-file-pdf::before {
  content: '\f640';
}
.bi-gender-ambiguous::before {
  content: '\f641';
}
.bi-gender-female::before {
  content: '\f642';
}
.bi-gender-male::before {
  content: '\f643';
}
.bi-gender-trans::before {
  content: '\f644';
}
.bi-headset-vr::before {
  content: '\f645';
}
.bi-info-lg::before {
  content: '\f646';
}
.bi-mastodon::before {
  content: '\f647';
}
.bi-messenger::before {
  content: '\f648';
}
.bi-piggy-bank-fill::before {
  content: '\f649';
}
.bi-piggy-bank::before {
  content: '\f64a';
}
.bi-pin-map-fill::before {
  content: '\f64b';
}
.bi-pin-map::before {
  content: '\f64c';
}
.bi-plus-lg::before {
  content: '\f64d';
}
.bi-question-lg::before {
  content: '\f64e';
}
.bi-recycle::before {
  content: '\f64f';
}
.bi-reddit::before {
  content: '\f650';
}
.bi-safe-fill::before {
  content: '\f651';
}
.bi-safe2-fill::before {
  content: '\f652';
}
.bi-safe2::before {
  content: '\f653';
}
.bi-sd-card-fill::before {
  content: '\f654';
}
.bi-sd-card::before {
  content: '\f655';
}
.bi-skype::before {
  content: '\f656';
}
.bi-slash-lg::before {
  content: '\f657';
}
.bi-translate::before {
  content: '\f658';
}
.bi-x-lg::before {
  content: '\f659';
}
.bi-safe::before {
  content: '\f65a';
}
.bi-apple::before {
  content: '\f65b';
}
.bi-microsoft::before {
  content: '\f65d';
}
.bi-windows::before {
  content: '\f65e';
}
.bi-behance::before {
  content: '\f65c';
}
.bi-dribbble::before {
  content: '\f65f';
}
.bi-line::before {
  content: '\f660';
}
.bi-medium::before {
  content: '\f661';
}
.bi-paypal::before {
  content: '\f662';
}
.bi-pinterest::before {
  content: '\f663';
}
.bi-signal::before {
  content: '\f664';
}
.bi-snapchat::before {
  content: '\f665';
}
.bi-spotify::before {
  content: '\f666';
}
.bi-stack-overflow::before {
  content: '\f667';
}
.bi-strava::before {
  content: '\f668';
}
.bi-wordpress::before {
  content: '\f669';
}
.bi-vimeo::before {
  content: '\f66a';
}
.bi-activity::before {
  content: '\f66b';
}
.bi-easel2-fill::before {
  content: '\f66c';
}
.bi-easel2::before {
  content: '\f66d';
}
.bi-easel3-fill::before {
  content: '\f66e';
}
.bi-easel3::before {
  content: '\f66f';
}
.bi-fan::before {
  content: '\f670';
}
.bi-fingerprint::before {
  content: '\f671';
}
.bi-graph-down-arrow::before {
  content: '\f672';
}
.bi-graph-up-arrow::before {
  content: '\f673';
}
.bi-hypnotize::before {
  content: '\f674';
}
.bi-magic::before {
  content: '\f675';
}
.bi-person-rolodex::before {
  content: '\f676';
}
.bi-person-video::before {
  content: '\f677';
}
.bi-person-video2::before {
  content: '\f678';
}
.bi-person-video3::before {
  content: '\f679';
}
.bi-person-workspace::before {
  content: '\f67a';
}
.bi-radioactive::before {
  content: '\f67b';
}
.bi-webcam-fill::before {
  content: '\f67c';
}
.bi-webcam::before {
  content: '\f67d';
}
.bi-yin-yang::before {
  content: '\f67e';
}
.bi-bandaid-fill::before {
  content: '\f680';
}
.bi-bandaid::before {
  content: '\f681';
}
.bi-bluetooth::before {
  content: '\f682';
}
.bi-body-text::before {
  content: '\f683';
}
.bi-boombox::before {
  content: '\f684';
}
.bi-boxes::before {
  content: '\f685';
}
.bi-dpad-fill::before {
  content: '\f686';
}
.bi-dpad::before {
  content: '\f687';
}
.bi-ear-fill::before {
  content: '\f688';
}
.bi-ear::before {
  content: '\f689';
}
.bi-envelope-check-1::before {
  content: '\f68a';
}
.bi-envelope-check-fill::before {
  content: '\f68b';
}
.bi-envelope-check::before {
  content: '\f68c';
}
.bi-envelope-dash-1::before {
  content: '\f68d';
}
.bi-envelope-dash-fill::before {
  content: '\f68e';
}
.bi-envelope-dash::before {
  content: '\f68f';
}
.bi-envelope-exclamation-1::before {
  content: '\f690';
}
.bi-envelope-exclamation-fill::before {
  content: '\f691';
}
.bi-envelope-exclamation::before {
  content: '\f692';
}
.bi-envelope-plus-fill::before {
  content: '\f693';
}
.bi-envelope-plus::before {
  content: '\f694';
}
.bi-envelope-slash-1::before {
  content: '\f695';
}
.bi-envelope-slash-fill::before {
  content: '\f696';
}
.bi-envelope-slash::before {
  content: '\f697';
}
.bi-envelope-x-1::before {
  content: '\f698';
}
.bi-envelope-x-fill::before {
  content: '\f699';
}
.bi-envelope-x::before {
  content: '\f69a';
}
.bi-explicit-fill::before {
  content: '\f69b';
}
.bi-explicit::before {
  content: '\f69c';
}
.bi-git::before {
  content: '\f69d';
}
.bi-infinity::before {
  content: '\f69e';
}
.bi-list-columns-reverse::before {
  content: '\f69f';
}
.bi-list-columns::before {
  content: '\f6a0';
}
.bi-meta::before {
  content: '\f6a1';
}
.bi-mortorboard-fill::before {
  content: '\f6a2';
}
.bi-mortorboard::before {
  content: '\f6a3';
}
.bi-nintendo-switch::before {
  content: '\f6a4';
}
.bi-pc-display-horizontal::before {
  content: '\f6a5';
}
.bi-pc-display::before {
  content: '\f6a6';
}
.bi-pc-horizontal::before {
  content: '\f6a7';
}
.bi-pc::before {
  content: '\f6a8';
}
.bi-playstation::before {
  content: '\f6a9';
}
.bi-plus-slash-minus::before {
  content: '\f6aa';
}
.bi-projector-fill::before {
  content: '\f6ab';
}
.bi-projector::before {
  content: '\f6ac';
}
.bi-qr-code-scan::before {
  content: '\f6ad';
}
.bi-qr-code::before {
  content: '\f6ae';
}
.bi-quora::before {
  content: '\f6af';
}
.bi-quote::before {
  content: '\f6b0';
}
.bi-robot::before {
  content: '\f6b1';
}
.bi-send-check-fill::before {
  content: '\f6b2';
}
.bi-send-check::before {
  content: '\f6b3';
}
.bi-send-dash-fill::before {
  content: '\f6b4';
}
.bi-send-dash::before {
  content: '\f6b5';
}
.bi-send-exclamation-1::before {
  content: '\f6b6';
}
.bi-send-exclamation-fill::before {
  content: '\f6b7';
}
.bi-send-exclamation::before {
  content: '\f6b8';
}
.bi-send-fill::before {
  content: '\f6b9';
}
.bi-send-plus-fill::before {
  content: '\f6ba';
}
.bi-send-plus::before {
  content: '\f6bb';
}
.bi-send-slash-fill::before {
  content: '\f6bc';
}
.bi-send-slash::before {
  content: '\f6bd';
}
.bi-send-x-fill::before {
  content: '\f6be';
}
.bi-send-x::before {
  content: '\f6bf';
}
.bi-send::before {
  content: '\f6c0';
}
.bi-steam::before {
  content: '\f6c1';
}
.bi-terminal-dash-1::before {
  content: '\f6c2';
}
.bi-terminal-dash::before {
  content: '\f6c3';
}
.bi-terminal-plus::before {
  content: '\f6c4';
}
.bi-terminal-split::before {
  content: '\f6c5';
}
.bi-ticket-detailed-fill::before {
  content: '\f6c6';
}
.bi-ticket-detailed::before {
  content: '\f6c7';
}
.bi-ticket-fill::before {
  content: '\f6c8';
}
.bi-ticket-perforated-fill::before {
  content: '\f6c9';
}
.bi-ticket-perforated::before {
  content: '\f6ca';
}
.bi-ticket::before {
  content: '\f6cb';
}
.bi-tiktok::before {
  content: '\f6cc';
}
.bi-window-dash::before {
  content: '\f6cd';
}
.bi-window-desktop::before {
  content: '\f6ce';
}
.bi-window-fullscreen::before {
  content: '\f6cf';
}
.bi-window-plus::before {
  content: '\f6d0';
}
.bi-window-split::before {
  content: '\f6d1';
}
.bi-window-stack::before {
  content: '\f6d2';
}
.bi-window-x::before {
  content: '\f6d3';
}
.bi-xbox::before {
  content: '\f6d4';
}
.bi-ethernet::before {
  content: '\f6d5';
}
.bi-hdmi-fill::before {
  content: '\f6d6';
}
.bi-hdmi::before {
  content: '\f6d7';
}
.bi-usb-c-fill::before {
  content: '\f6d8';
}
.bi-usb-c::before {
  content: '\f6d9';
}
.bi-usb-fill::before {
  content: '\f6da';
}
.bi-usb-plug-fill::before {
  content: '\f6db';
}
.bi-usb-plug::before {
  content: '\f6dc';
}
.bi-usb-symbol::before {
  content: '\f6dd';
}
.bi-usb::before {
  content: '\f6de';
}
.bi-boombox-fill::before {
  content: '\f6df';
}
.bi-displayport-1::before {
  content: '\f6e0';
}
.bi-displayport::before {
  content: '\f6e1';
}
.bi-gpu-card::before {
  content: '\f6e2';
}
.bi-memory::before {
  content: '\f6e3';
}
.bi-modem-fill::before {
  content: '\f6e4';
}
.bi-modem::before {
  content: '\f6e5';
}
.bi-motherboard-fill::before {
  content: '\f6e6';
}
.bi-motherboard::before {
  content: '\f6e7';
}
.bi-optical-audio-fill::before {
  content: '\f6e8';
}
.bi-optical-audio::before {
  content: '\f6e9';
}
.bi-pci-card::before {
  content: '\f6ea';
}
.bi-router-fill::before {
  content: '\f6eb';
}
.bi-router::before {
  content: '\f6ec';
}
.bi-ssd-fill::before {
  content: '\f6ed';
}
.bi-ssd::before {
  content: '\f6ee';
}
.bi-thunderbolt-fill::before {
  content: '\f6ef';
}
.bi-thunderbolt::before {
  content: '\f6f0';
}
.bi-usb-drive-fill::before {
  content: '\f6f1';
}
.bi-usb-drive::before {
  content: '\f6f2';
}
.bi-usb-micro-fill::before {
  content: '\f6f3';
}
.bi-usb-micro::before {
  content: '\f6f4';
}
.bi-usb-mini-fill::before {
  content: '\f6f5';
}
.bi-usb-mini::before {
  content: '\f6f6';
}
.bi-cloud-haze2::before {
  content: '\f6f7';
}
.bi-device-hdd-fill::before {
  content: '\f6f8';
}
.bi-device-hdd::before {
  content: '\f6f9';
}
.bi-device-ssd-fill::before {
  content: '\f6fa';
}
.bi-device-ssd::before {
  content: '\f6fb';
}
.bi-displayport-fill::before {
  content: '\f6fc';
}
.bi-mortarboard-fill::before {
  content: '\f6fd';
}
.bi-mortarboard::before {
  content: '\f6fe';
}
.bi-terminal-x::before {
  content: '\f6ff';
}
.bi-arrow-through-heart-fill::before {
  content: '\f700';
}
.bi-arrow-through-heart::before {
  content: '\f701';
}
.bi-badge-sd-fill::before {
  content: '\f702';
}
.bi-badge-sd::before {
  content: '\f703';
}
.bi-bag-heart-fill::before {
  content: '\f704';
}
.bi-bag-heart::before {
  content: '\f705';
}
.bi-balloon-fill::before {
  content: '\f706';
}
.bi-balloon-heart-fill::before {
  content: '\f707';
}
.bi-balloon-heart::before {
  content: '\f708';
}
.bi-balloon::before {
  content: '\f709';
}
.bi-box2-fill::before {
  content: '\f70a';
}
.bi-box2-heart-fill::before {
  content: '\f70b';
}
.bi-box2-heart::before {
  content: '\f70c';
}
.bi-box2::before {
  content: '\f70d';
}
.bi-braces-asterisk::before {
  content: '\f70e';
}
.bi-calendar-heart-fill::before {
  content: '\f70f';
}
.bi-calendar-heart::before {
  content: '\f710';
}
.bi-calendar2-heart-fill::before {
  content: '\f711';
}
.bi-calendar2-heart::before {
  content: '\f712';
}
.bi-chat-heart-fill::before {
  content: '\f713';
}
.bi-chat-heart::before {
  content: '\f714';
}
.bi-chat-left-heart-fill::before {
  content: '\f715';
}
.bi-chat-left-heart::before {
  content: '\f716';
}
.bi-chat-right-heart-fill::before {
  content: '\f717';
}
.bi-chat-right-heart::before {
  content: '\f718';
}
.bi-chat-square-heart-fill::before {
  content: '\f719';
}
.bi-chat-square-heart::before {
  content: '\f71a';
}
.bi-clipboard-check-fill::before {
  content: '\f71b';
}
.bi-clipboard-data-fill::before {
  content: '\f71c';
}
.bi-clipboard-fill::before {
  content: '\f71d';
}
.bi-clipboard-heart-fill::before {
  content: '\f71e';
}
.bi-clipboard-heart::before {
  content: '\f71f';
}
.bi-clipboard-minus-fill::before {
  content: '\f720';
}
.bi-clipboard-plus-fill::before {
  content: '\f721';
}
.bi-clipboard-pulse::before {
  content: '\f722';
}
.bi-clipboard-x-fill::before {
  content: '\f723';
}
.bi-clipboard2-check-fill::before {
  content: '\f724';
}
.bi-clipboard2-check::before {
  content: '\f725';
}
.bi-clipboard2-data-fill::before {
  content: '\f726';
}
.bi-clipboard2-data::before {
  content: '\f727';
}
.bi-clipboard2-fill::before {
  content: '\f728';
}
.bi-clipboard2-heart-fill::before {
  content: '\f729';
}
.bi-clipboard2-heart::before {
  content: '\f72a';
}
.bi-clipboard2-minus-fill::before {
  content: '\f72b';
}
.bi-clipboard2-minus::before {
  content: '\f72c';
}
.bi-clipboard2-plus-fill::before {
  content: '\f72d';
}
.bi-clipboard2-plus::before {
  content: '\f72e';
}
.bi-clipboard2-pulse-fill::before {
  content: '\f72f';
}
.bi-clipboard2-pulse::before {
  content: '\f730';
}
.bi-clipboard2-x-fill::before {
  content: '\f731';
}
.bi-clipboard2-x::before {
  content: '\f732';
}
.bi-clipboard2::before {
  content: '\f733';
}
.bi-emoji-kiss-fill::before {
  content: '\f734';
}
.bi-emoji-kiss::before {
  content: '\f735';
}
.bi-envelope-heart-fill::before {
  content: '\f736';
}
.bi-envelope-heart::before {
  content: '\f737';
}
.bi-envelope-open-heart-fill::before {
  content: '\f738';
}
.bi-envelope-open-heart::before {
  content: '\f739';
}
.bi-envelope-paper-fill::before {
  content: '\f73a';
}
.bi-envelope-paper-heart-fill::before {
  content: '\f73b';
}
.bi-envelope-paper-heart::before {
  content: '\f73c';
}
.bi-envelope-paper::before {
  content: '\f73d';
}
.bi-filetype-aac::before {
  content: '\f73e';
}
.bi-filetype-ai::before {
  content: '\f73f';
}
.bi-filetype-bmp::before {
  content: '\f740';
}
.bi-filetype-cs::before {
  content: '\f741';
}
.bi-filetype-css::before {
  content: '\f742';
}
.bi-filetype-csv::before {
  content: '\f743';
}
.bi-filetype-doc::before {
  content: '\f744';
}
.bi-filetype-docx::before {
  content: '\f745';
}
.bi-filetype-exe::before {
  content: '\f746';
}
.bi-filetype-gif::before {
  content: '\f747';
}
.bi-filetype-heic::before {
  content: '\f748';
}
.bi-filetype-html::before {
  content: '\f749';
}
.bi-filetype-java::before {
  content: '\f74a';
}
.bi-filetype-jpg::before {
  content: '\f74b';
}
.bi-filetype-js::before {
  content: '\f74c';
}
.bi-filetype-jsx::before {
  content: '\f74d';
}
.bi-filetype-key::before {
  content: '\f74e';
}
.bi-filetype-m4p::before {
  content: '\f74f';
}
.bi-filetype-md::before {
  content: '\f750';
}
.bi-filetype-mdx::before {
  content: '\f751';
}
.bi-filetype-mov::before {
  content: '\f752';
}
.bi-filetype-mp3::before {
  content: '\f753';
}
.bi-filetype-mp4::before {
  content: '\f754';
}
.bi-filetype-otf::before {
  content: '\f755';
}
.bi-filetype-pdf::before {
  content: '\f756';
}
.bi-filetype-php::before {
  content: '\f757';
}
.bi-filetype-png::before {
  content: '\f758';
}
.bi-filetype-ppt-1::before {
  content: '\f759';
}
.bi-filetype-ppt::before {
  content: '\f75a';
}
.bi-filetype-psd::before {
  content: '\f75b';
}
.bi-filetype-py::before {
  content: '\f75c';
}
.bi-filetype-raw::before {
  content: '\f75d';
}
.bi-filetype-rb::before {
  content: '\f75e';
}
.bi-filetype-sass::before {
  content: '\f75f';
}
.bi-filetype-scss::before {
  content: '\f760';
}
.bi-filetype-sh::before {
  content: '\f761';
}
.bi-filetype-svg::before {
  content: '\f762';
}
.bi-filetype-tiff::before {
  content: '\f763';
}
.bi-filetype-tsx::before {
  content: '\f764';
}
.bi-filetype-ttf::before {
  content: '\f765';
}
.bi-filetype-txt::before {
  content: '\f766';
}
.bi-filetype-wav::before {
  content: '\f767';
}
.bi-filetype-woff::before {
  content: '\f768';
}
.bi-filetype-xls-1::before {
  content: '\f769';
}
.bi-filetype-xls::before {
  content: '\f76a';
}
.bi-filetype-xml::before {
  content: '\f76b';
}
.bi-filetype-yml::before {
  content: '\f76c';
}
.bi-heart-arrow::before {
  content: '\f76d';
}
.bi-heart-pulse-fill::before {
  content: '\f76e';
}
.bi-heart-pulse::before {
  content: '\f76f';
}
.bi-heartbreak-fill::before {
  content: '\f770';
}
.bi-heartbreak::before {
  content: '\f771';
}
.bi-hearts::before {
  content: '\f772';
}
.bi-hospital-fill::before {
  content: '\f773';
}
.bi-hospital::before {
  content: '\f774';
}
.bi-house-heart-fill::before {
  content: '\f775';
}
.bi-house-heart::before {
  content: '\f776';
}
.bi-incognito::before {
  content: '\f777';
}
.bi-magnet-fill::before {
  content: '\f778';
}
.bi-magnet::before {
  content: '\f779';
}
.bi-person-heart::before {
  content: '\f77a';
}
.bi-person-hearts::before {
  content: '\f77b';
}
.bi-phone-flip::before {
  content: '\f77c';
}
.bi-plugin::before {
  content: '\f77d';
}
.bi-postage-fill::before {
  content: '\f77e';
}
.bi-postage-heart-fill::before {
  content: '\f77f';
}
.bi-postage-heart::before {
  content: '\f780';
}
.bi-postage::before {
  content: '\f781';
}
.bi-postcard-fill::before {
  content: '\f782';
}
.bi-postcard-heart-fill::before {
  content: '\f783';
}
.bi-postcard-heart::before {
  content: '\f784';
}
.bi-postcard::before {
  content: '\f785';
}
.bi-search-heart-fill::before {
  content: '\f786';
}
.bi-search-heart::before {
  content: '\f787';
}
.bi-sliders2-vertical::before {
  content: '\f788';
}
.bi-sliders2::before {
  content: '\f789';
}
.bi-trash3-fill::before {
  content: '\f78a';
}
.bi-trash3::before {
  content: '\f78b';
}
.bi-valentine::before {
  content: '\f78c';
}
.bi-valentine2::before {
  content: '\f78d';
}
.bi-wrench-adjustable-circle-fill::before {
  content: '\f78e';
}
.bi-wrench-adjustable-circle::before {
  content: '\f78f';
}
.bi-wrench-adjustable::before {
  content: '\f790';
}
.bi-filetype-json::before {
  content: '\f791';
}
.bi-filetype-pptx::before {
  content: '\f792';
}
.bi-filetype-xlsx::before {
  content: '\f793';
}
.bi-1-circle-1::before {
  content: '\f794';
}
.bi-1-circle-fill-1::before {
  content: '\f795';
}
.bi-1-circle-fill::before {
  content: '\f796';
}
.bi-1-circle::before {
  content: '\f797';
}
.bi-1-square-fill::before {
  content: '\f798';
}
.bi-1-square::before {
  content: '\f799';
}
.bi-2-circle-1::before {
  content: '\f79a';
}
.bi-2-circle-fill-1::before {
  content: '\f79b';
}
.bi-2-circle-fill::before {
  content: '\f79c';
}
.bi-2-circle::before {
  content: '\f79d';
}
.bi-2-square-fill::before {
  content: '\f79e';
}
.bi-2-square::before {
  content: '\f79f';
}
.bi-3-circle-1::before {
  content: '\f7a0';
}
.bi-3-circle-fill-1::before {
  content: '\f7a1';
}
.bi-3-circle-fill::before {
  content: '\f7a2';
}
.bi-3-circle::before {
  content: '\f7a3';
}
.bi-3-square-fill::before {
  content: '\f7a4';
}
.bi-3-square::before {
  content: '\f7a5';
}
.bi-4-circle-1::before {
  content: '\f7a6';
}
.bi-4-circle-fill-1::before {
  content: '\f7a7';
}
.bi-4-circle-fill::before {
  content: '\f7a8';
}
.bi-4-circle::before {
  content: '\f7a9';
}
.bi-4-square-fill::before {
  content: '\f7aa';
}
.bi-4-square::before {
  content: '\f7ab';
}
.bi-5-circle-1::before {
  content: '\f7ac';
}
.bi-5-circle-fill-1::before {
  content: '\f7ad';
}
.bi-5-circle-fill::before {
  content: '\f7ae';
}
.bi-5-circle::before {
  content: '\f7af';
}
.bi-5-square-fill::before {
  content: '\f7b0';
}
.bi-5-square::before {
  content: '\f7b1';
}
.bi-6-circle-1::before {
  content: '\f7b2';
}
.bi-6-circle-fill-1::before {
  content: '\f7b3';
}
.bi-6-circle-fill::before {
  content: '\f7b4';
}
.bi-6-circle::before {
  content: '\f7b5';
}
.bi-6-square-fill::before {
  content: '\f7b6';
}
.bi-6-square::before {
  content: '\f7b7';
}
.bi-7-circle-1::before {
  content: '\f7b8';
}
.bi-7-circle-fill-1::before {
  content: '\f7b9';
}
.bi-7-circle-fill::before {
  content: '\f7ba';
}
.bi-7-circle::before {
  content: '\f7bb';
}
.bi-7-square-fill::before {
  content: '\f7bc';
}
.bi-7-square::before {
  content: '\f7bd';
}
.bi-8-circle-1::before {
  content: '\f7be';
}
.bi-8-circle-fill-1::before {
  content: '\f7bf';
}
.bi-8-circle-fill::before {
  content: '\f7c0';
}
.bi-8-circle::before {
  content: '\f7c1';
}
.bi-8-square-fill::before {
  content: '\f7c2';
}
.bi-8-square::before {
  content: '\f7c3';
}
.bi-9-circle-1::before {
  content: '\f7c4';
}
.bi-9-circle-fill-1::before {
  content: '\f7c5';
}
.bi-9-circle-fill::before {
  content: '\f7c6';
}
.bi-9-circle::before {
  content: '\f7c7';
}
.bi-9-square-fill::before {
  content: '\f7c8';
}
.bi-9-square::before {
  content: '\f7c9';
}
.bi-airplane-engines-fill::before {
  content: '\f7ca';
}
.bi-airplane-engines::before {
  content: '\f7cb';
}
.bi-airplane-fill::before {
  content: '\f7cc';
}
.bi-airplane::before {
  content: '\f7cd';
}
.bi-alexa::before {
  content: '\f7ce';
}
.bi-alipay::before {
  content: '\f7cf';
}
.bi-android::before {
  content: '\f7d0';
}
.bi-android2::before {
  content: '\f7d1';
}
.bi-box-fill::before {
  content: '\f7d2';
}
.bi-box-seam-fill::before {
  content: '\f7d3';
}
.bi-browser-chrome::before {
  content: '\f7d4';
}
.bi-browser-edge::before {
  content: '\f7d5';
}
.bi-browser-firefox::before {
  content: '\f7d6';
}
.bi-browser-safari::before {
  content: '\f7d7';
}
.bi-c-circle-1::before {
  content: '\f7d8';
}
.bi-c-circle-fill-1::before {
  content: '\f7d9';
}
.bi-c-circle-fill::before {
  content: '\f7da';
}
.bi-c-circle::before {
  content: '\f7db';
}
.bi-c-square-fill::before {
  content: '\f7dc';
}
.bi-c-square::before {
  content: '\f7dd';
}
.bi-capsule-pill::before {
  content: '\f7de';
}
.bi-capsule::before {
  content: '\f7df';
}
.bi-car-front-fill::before {
  content: '\f7e0';
}
.bi-car-front::before {
  content: '\f7e1';
}
.bi-cassette-fill::before {
  content: '\f7e2';
}
.bi-cassette::before {
  content: '\f7e3';
}
.bi-cc-circle-1::before {
  content: '\f7e4';
}
.bi-cc-circle-fill-1::before {
  content: '\f7e5';
}
.bi-cc-circle-fill::before {
  content: '\f7e6';
}
.bi-cc-circle::before {
  content: '\f7e7';
}
.bi-cc-square-fill::before {
  content: '\f7e8';
}
.bi-cc-square::before {
  content: '\f7e9';
}
.bi-cup-hot-fill::before {
  content: '\f7ea';
}
.bi-cup-hot::before {
  content: '\f7eb';
}
.bi-currency-rupee::before {
  content: '\f7ec';
}
.bi-dropbox::before {
  content: '\f7ed';
}
.bi-escape::before {
  content: '\f7ee';
}
.bi-fast-forward-btn-fill::before {
  content: '\f7ef';
}
.bi-fast-forward-btn::before {
  content: '\f7f0';
}
.bi-fast-forward-circle-fill::before {
  content: '\f7f1';
}
.bi-fast-forward-circle::before {
  content: '\f7f2';
}
.bi-fast-forward-fill::before {
  content: '\f7f3';
}
.bi-fast-forward::before {
  content: '\f7f4';
}
.bi-filetype-sql::before {
  content: '\f7f5';
}
.bi-fire::before {
  content: '\f7f6';
}
.bi-google-play::before {
  content: '\f7f7';
}
.bi-h-circle-1::before {
  content: '\f7f8';
}
.bi-h-circle-fill-1::before {
  content: '\f7f9';
}
.bi-h-circle-fill::before {
  content: '\f7fa';
}
.bi-h-circle::before {
  content: '\f7fb';
}
.bi-h-square-fill::before {
  content: '\f7fc';
}
.bi-h-square::before {
  content: '\f7fd';
}
.bi-indent::before {
  content: '\f7fe';
}
.bi-lungs-fill::before {
  content: '\f7ff';
}
.bi-lungs::before {
  content: '\f800';
}
.bi-microsoft-teams::before {
  content: '\f801';
}
.bi-p-circle-1::before {
  content: '\f802';
}
.bi-p-circle-fill-1::before {
  content: '\f803';
}
.bi-p-circle-fill::before {
  content: '\f804';
}
.bi-p-circle::before {
  content: '\f805';
}
.bi-p-square-fill::before {
  content: '\f806';
}
.bi-p-square::before {
  content: '\f807';
}
.bi-pass-fill::before {
  content: '\f808';
}
.bi-pass::before {
  content: '\f809';
}
.bi-prescription::before {
  content: '\f80a';
}
.bi-prescription2::before {
  content: '\f80b';
}
.bi-r-circle-1::before {
  content: '\f80c';
}
.bi-r-circle-fill-1::before {
  content: '\f80d';
}
.bi-r-circle-fill::before {
  content: '\f80e';
}
.bi-r-circle::before {
  content: '\f80f';
}
.bi-r-square-fill::before {
  content: '\f810';
}
.bi-r-square::before {
  content: '\f811';
}
.bi-repeat-1::before {
  content: '\f812';
}
.bi-repeat::before {
  content: '\f813';
}
.bi-rewind-btn-fill::before {
  content: '\f814';
}
.bi-rewind-btn::before {
  content: '\f815';
}
.bi-rewind-circle-fill::before {
  content: '\f816';
}
.bi-rewind-circle::before {
  content: '\f817';
}
.bi-rewind-fill::before {
  content: '\f818';
}
.bi-rewind::before {
  content: '\f819';
}
.bi-train-freight-front-fill::before {
  content: '\f81a';
}
.bi-train-freight-front::before {
  content: '\f81b';
}
.bi-train-front-fill::before {
  content: '\f81c';
}
.bi-train-front::before {
  content: '\f81d';
}
.bi-train-lightrail-front-fill::before {
  content: '\f81e';
}
.bi-train-lightrail-front::before {
  content: '\f81f';
}
.bi-truck-front-fill::before {
  content: '\f820';
}
.bi-truck-front::before {
  content: '\f821';
}
.bi-ubuntu::before {
  content: '\f822';
}
.bi-unindent::before {
  content: '\f823';
}
.bi-unity::before {
  content: '\f824';
}
.bi-universal-access-circle::before {
  content: '\f825';
}
.bi-universal-access::before {
  content: '\f826';
}
.bi-virus::before {
  content: '\f827';
}
.bi-virus2::before {
  content: '\f828';
}
.bi-wechat::before {
  content: '\f829';
}
.bi-yelp::before {
  content: '\f82a';
}
.bi-sign-stop-fill::before {
  content: '\f82b';
}
.bi-sign-stop-lights-fill::before {
  content: '\f82c';
}
.bi-sign-stop-lights::before {
  content: '\f82d';
}
.bi-sign-stop::before {
  content: '\f82e';
}
.bi-sign-turn-left-fill::before {
  content: '\f82f';
}
.bi-sign-turn-left::before {
  content: '\f830';
}
.bi-sign-turn-right-fill::before {
  content: '\f831';
}
.bi-sign-turn-right::before {
  content: '\f832';
}
.bi-sign-turn-slight-left-fill::before {
  content: '\f833';
}
.bi-sign-turn-slight-left::before {
  content: '\f834';
}
.bi-sign-turn-slight-right-fill::before {
  content: '\f835';
}
.bi-sign-turn-slight-right::before {
  content: '\f836';
}
.bi-sign-yield-fill::before {
  content: '\f837';
}
.bi-sign-yield::before {
  content: '\f838';
}
.bi-ev-station-fill::before {
  content: '\f839';
}
.bi-ev-station::before {
  content: '\f83a';
}
.bi-fuel-pump-diesel-fill::before {
  content: '\f83b';
}
.bi-fuel-pump-diesel::before {
  content: '\f83c';
}
.bi-fuel-pump-fill::before {
  content: '\f83d';
}
.bi-fuel-pump::before {
  content: '\f83e';
}
.bi-0-circle-fill::before {
  content: '\f83f';
}
.bi-0-circle::before {
  content: '\f840';
}
.bi-0-square-fill::before {
  content: '\f841';
}
.bi-0-square::before {
  content: '\f842';
}
.bi-rocket-fill::before {
  content: '\f843';
}
.bi-rocket-takeoff-fill::before {
  content: '\f844';
}
.bi-rocket-takeoff::before {
  content: '\f845';
}
.bi-rocket::before {
  content: '\f846';
}
.bi-stripe::before {
  content: '\f847';
}
.bi-subscript::before {
  content: '\f848';
}
.bi-superscript::before {
  content: '\f849';
}
.bi-trello::before {
  content: '\f84a';
}
.bi-envelope-at-fill::before {
  content: '\f84b';
}
.bi-envelope-at::before {
  content: '\f84c';
}
.bi-regex::before {
  content: '\f84d';
}
.bi-text-wrap::before {
  content: '\f84e';
}
.bi-sign-dead-end-fill::before {
  content: '\f84f';
}
.bi-sign-dead-end::before {
  content: '\f850';
}
.bi-sign-do-not-enter-fill::before {
  content: '\f851';
}
.bi-sign-do-not-enter::before {
  content: '\f852';
}
.bi-sign-intersection-fill::before {
  content: '\f853';
}
.bi-sign-intersection-side-fill::before {
  content: '\f854';
}
.bi-sign-intersection-side::before {
  content: '\f855';
}
.bi-sign-intersection-t-fill::before {
  content: '\f856';
}
.bi-sign-intersection-t::before {
  content: '\f857';
}
.bi-sign-intersection-y-fill::before {
  content: '\f858';
}
.bi-sign-intersection-y::before {
  content: '\f859';
}
.bi-sign-intersection::before {
  content: '\f85a';
}
.bi-sign-merge-left-fill::before {
  content: '\f85b';
}
.bi-sign-merge-left::before {
  content: '\f85c';
}
.bi-sign-merge-right-fill::before {
  content: '\f85d';
}
.bi-sign-merge-right::before {
  content: '\f85e';
}
.bi-sign-no-left-turn-fill::before {
  content: '\f85f';
}
.bi-sign-no-left-turn::before {
  content: '\f860';
}
.bi-sign-no-parking-fill::before {
  content: '\f861';
}
.bi-sign-no-parking::before {
  content: '\f862';
}
.bi-sign-no-right-turn-fill::before {
  content: '\f863';
}
.bi-sign-no-right-turn::before {
  content: '\f864';
}
.bi-sign-railroad-fill::before {
  content: '\f865';
}
.bi-sign-railroad::before {
  content: '\f866';
}
.bi-building-add::before {
  content: '\f867';
}
.bi-building-check::before {
  content: '\f868';
}
.bi-building-dash::before {
  content: '\f869';
}
.bi-building-down::before {
  content: '\f86a';
}
.bi-building-exclamation::before {
  content: '\f86b';
}
.bi-building-fill-add::before {
  content: '\f86c';
}
.bi-building-fill-check::before {
  content: '\f86d';
}
.bi-building-fill-dash::before {
  content: '\f86e';
}
.bi-building-fill-down::before {
  content: '\f86f';
}
.bi-building-fill-exclamation::before {
  content: '\f870';
}
.bi-building-fill-gear::before {
  content: '\f871';
}
.bi-building-fill-lock::before {
  content: '\f872';
}
.bi-building-fill-slash::before {
  content: '\f873';
}
.bi-building-fill-up::before {
  content: '\f874';
}
.bi-building-fill-x::before {
  content: '\f875';
}
.bi-building-fill::before {
  content: '\f876';
}
.bi-building-gear::before {
  content: '\f877';
}
.bi-building-lock::before {
  content: '\f878';
}
.bi-building-slash::before {
  content: '\f879';
}
.bi-building-up::before {
  content: '\f87a';
}
.bi-building-x::before {
  content: '\f87b';
}
.bi-buildings-fill::before {
  content: '\f87c';
}
.bi-buildings::before {
  content: '\f87d';
}
.bi-bus-front-fill::before {
  content: '\f87e';
}
.bi-bus-front::before {
  content: '\f87f';
}
.bi-ev-front-fill::before {
  content: '\f880';
}
.bi-ev-front::before {
  content: '\f881';
}
.bi-globe-americas::before {
  content: '\f882';
}
.bi-globe-asia-australia::before {
  content: '\f883';
}
.bi-globe-central-south-asia::before {
  content: '\f884';
}
.bi-globe-europe-africa::before {
  content: '\f885';
}
.bi-house-add-fill::before {
  content: '\f886';
}
.bi-house-add::before {
  content: '\f887';
}
.bi-house-check-fill::before {
  content: '\f888';
}
.bi-house-check::before {
  content: '\f889';
}
.bi-house-dash-fill::before {
  content: '\f88a';
}
.bi-house-dash::before {
  content: '\f88b';
}
.bi-house-down-fill::before {
  content: '\f88c';
}
.bi-house-down::before {
  content: '\f88d';
}
.bi-house-exclamation-fill::before {
  content: '\f88e';
}
.bi-house-exclamation::before {
  content: '\f88f';
}
.bi-house-gear-fill::before {
  content: '\f890';
}
.bi-house-gear::before {
  content: '\f891';
}
.bi-house-lock-fill::before {
  content: '\f892';
}
.bi-house-lock::before {
  content: '\f893';
}
.bi-house-slash-fill::before {
  content: '\f894';
}
.bi-house-slash::before {
  content: '\f895';
}
.bi-house-up-fill::before {
  content: '\f896';
}
.bi-house-up::before {
  content: '\f897';
}
.bi-house-x-fill::before {
  content: '\f898';
}
.bi-house-x::before {
  content: '\f899';
}
.bi-person-add::before {
  content: '\f89a';
}
.bi-person-down::before {
  content: '\f89b';
}
.bi-person-exclamation::before {
  content: '\f89c';
}
.bi-person-fill-add::before {
  content: '\f89d';
}
.bi-person-fill-check::before {
  content: '\f89e';
}
.bi-person-fill-dash::before {
  content: '\f89f';
}
.bi-person-fill-down::before {
  content: '\f8a0';
}
.bi-person-fill-exclamation::before {
  content: '\f8a1';
}
.bi-person-fill-gear::before {
  content: '\f8a2';
}
.bi-person-fill-lock::before {
  content: '\f8a3';
}
.bi-person-fill-slash::before {
  content: '\f8a4';
}
.bi-person-fill-up::before {
  content: '\f8a5';
}
.bi-person-fill-x::before {
  content: '\f8a6';
}
.bi-person-gear::before {
  content: '\f8a7';
}
.bi-person-lock::before {
  content: '\f8a8';
}
.bi-person-slash::before {
  content: '\f8a9';
}
.bi-person-up::before {
  content: '\f8aa';
}
.bi-scooter::before {
  content: '\f8ab';
}
.bi-taxi-front-fill::before {
  content: '\f8ac';
}
.bi-taxi-front::before {
  content: '\f8ad';
}
.bi-amd::before {
  content: '\f8ae';
}
.bi-database-add::before {
  content: '\f8af';
}
.bi-database-check::before {
  content: '\f8b0';
}
.bi-database-dash::before {
  content: '\f8b1';
}
.bi-database-down::before {
  content: '\f8b2';
}
.bi-database-exclamation::before {
  content: '\f8b3';
}
.bi-database-fill-add::before {
  content: '\f8b4';
}
.bi-database-fill-check::before {
  content: '\f8b5';
}
.bi-database-fill-dash::before {
  content: '\f8b6';
}
.bi-database-fill-down::before {
  content: '\f8b7';
}
.bi-database-fill-exclamation::before {
  content: '\f8b8';
}
.bi-database-fill-gear::before {
  content: '\f8b9';
}
.bi-database-fill-lock::before {
  content: '\f8ba';
}
.bi-database-fill-slash::before {
  content: '\f8bb';
}
.bi-database-fill-up::before {
  content: '\f8bc';
}
.bi-database-fill-x::before {
  content: '\f8bd';
}
.bi-database-fill::before {
  content: '\f8be';
}
.bi-database-gear::before {
  content: '\f8bf';
}
.bi-database-lock::before {
  content: '\f8c0';
}
.bi-database-slash::before {
  content: '\f8c1';
}
.bi-database-up::before {
  content: '\f8c2';
}
.bi-database-x::before {
  content: '\f8c3';
}
.bi-database::before {
  content: '\f8c4';
}
.bi-houses-fill::before {
  content: '\f8c5';
}
.bi-houses::before {
  content: '\f8c6';
}
.bi-nvidia::before {
  content: '\f8c7';
}
.bi-person-vcard-fill::before {
  content: '\f8c8';
}
.bi-person-vcard::before {
  content: '\f8c9';
}
.bi-sina-weibo::before {
  content: '\f8ca';
}
.bi-tencent-qq::before {
  content: '\f8cb';
}
.bi-wikipedia::before {
  content: '\f8cc';
}

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** 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-text-bold {
  font-weight: bold;
}

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

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

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

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

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

.orangehrm-card-container {
  background-color: var(--oxd-white-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: var(--oxd-interface-gray-lighten-2-color, #e8eaef);
  /*border-radius: 1.2rem;*/
  padding: 0.5rem;
}
.orangehrm-container .oxd-table-header-cell .oxd-checkbox-input {
  border: 1px solid var(--oxd-interface-gray-color, #929baa);
}
.orangehrm-container .oxd-table-card .card-header-slot-content .data {
  font-size: 1rem;
}

.orangehrm-paper-container {
  background-color: var(--oxd-white-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;
}

.qtasnim-wrap-pagination {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.qtasnim-wrap-pagination-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

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

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

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

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

.orangehrm-copyright {
  font-size: 0.8rem;
  text-align: center;
}
.orangehrm-copyright a {
  color: var(--oxd-interface-gray-darken-2-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;
}