/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
body,
html {
  overflow: auto !important;
}
a {
  text-decoration: none;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modules/qc-insights/core/priority/components/PrioritySelector.vue?vue&type=style&index=0&id=4858a212&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.priority-selector-card[data-v-4858a212] {
  transition: all 0.3s ease;
  border-width: 2px !important;
}
.priority-selector-card[data-v-4858a212]:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12) !important;
  transform: translateY(-1px);
}
.priority-icon-wrapper[data-v-4858a212] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.priority-selector-card .v-select[data-v-4858a212] {
  margin-top: 8px;
}
.priority-selector-card .v-text-field--outlined fieldset[data-v-4858a212] {
  border-color: rgba(0, 0, 0, 0.1) !important;
  transition: border-color 0.2s ease;
}
.priority-selector-card[data-v-4858a212] {
  border-radius: 12px !important;
}
.error--border[data-v-4858a212] {
  border-color: #f44336 !important;
}
.warning--border[data-v-4858a212] {
  border-color: #ff9800 !important;
}
.info--border[data-v-4858a212] {
  border-color: #2196f3 !important;
}
.success--border[data-v-4858a212] {
  border-color: #4caf50 !important;
}
.primary--border[data-v-4858a212] {
  border-color: #1976d2 !important;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modules/qc-insights/core/priority/components/PriorityDisplay.vue?vue&type=style&index=0&id=4ef98a5a&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.priority-display-card[data-v-4ef98a5a] {
  border-width: 2px !important;
  border-radius: 12px !important;
}
.priority-icon-wrapper[data-v-4ef98a5a] {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  transition: all 0.2s ease;
}
.priority-chip[data-v-4ef98a5a] {
  font-weight: 500;
}
.priority-badge[data-v-4ef98a5a] {
  padding: 4px 8px;
  border-radius: 16px;
  border: 1px solid currentColor;
}
.error--border[data-v-4ef98a5a] {
  border-color: #f44336 !important;
}
.warning--border[data-v-4ef98a5a] {
  border-color: #ff9800 !important;
}
.info--border[data-v-4ef98a5a] {
  border-color: #2196f3 !important;
}
.success--border[data-v-4ef98a5a] {
  border-color: #4caf50 !important;
}
.primary--border[data-v-4ef98a5a] {
  border-color: #1976d2 !important;
}

/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modules/qc-insights/core/category/components/CategorySelector.vue?vue&type=style&index=0&id=12cfd2aa&scoped=true&lang=css ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.v-select .v-icon[data-v-12cfd2aa] {
  margin-right: 8px;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-12.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-12.use[2]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modules/qc-insights/core/category/components/CategoryDisplay.vue?vue&type=style&index=0&id=9a2147b4&scoped=true&lang=css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/

.category-display[data-v-9a2147b4] {
  display: inline-flex;
  align-items: center;
}
.category-display--compact[data-v-9a2147b4] {
  font-size: 0.75rem;
}
.category-chip[data-v-9a2147b4] {
  font-size: inherit;
}
.category-badge[data-v-9a2147b4] {
  display: inline-flex;
  align-items: center;
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 0.75rem;
  font-weight: 500;
}
.category-badge--success[data-v-9a2147b4] {
  background-color: rgba(76, 175, 80, 0.1);
  color: #4caf50;
}
.category-badge--warning[data-v-9a2147b4] {
  background-color: rgba(255, 152, 0, 0.1);
  color: #ff9800;
}
.category-badge--error[data-v-9a2147b4] {
  background-color: rgba(244, 67, 54, 0.1);
  color: #f44336;
}
.category-badge--info[data-v-9a2147b4] {
  background-color: rgba(33, 150, 243, 0.1);
  color: #2196f3;
}
.category-badge--secondary[data-v-9a2147b4] {
  background-color: rgba(158, 158, 158, 0.1);
  color: #9e9e9e;
}
.category-text[data-v-9a2147b4] {
  display: inline-flex;
  align-items: center;
  font-size: inherit;
}
.v-icon[data-v-9a2147b4] {
  margin-right: 4px;
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!./node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/modules/qc/components/PriorityDatesModal.vue?vue&type=style&index=0&id=5f076ac9&lang=scss ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.v-input__slot::before {
  border-style: none !important;
}
/*!*********************************************************************************************************************************************************************************************************************************!*\
  !*** 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/scss/app.scss ***!
  \*********************************************************************************************************************************************************************************************************************************/
.page {
  height: 100%;
  overflow: auto;
}

.w-100 {
  width: 100% !important;
}

.cursor-pointer {
  cursor: pointer !important;
}

.v-btn--truncate > .v-btn__content {
  width: 100%;
  justify-content: space-between;
}
.v-btn--text.v-btn--faint::before {
  opacity: 0.05;
}
.v-btn--text.v-btn--faint.v-btn--text.v-btn--faint:hover.v-btn--text.v-btn--faint.v-btn--text.v-btn--faint:hover::before {
  opacity: 0.1;
}
.v-btn--loading.v-btn--loading.v-size--small .v-progress-circular {
  width: 1rem !important;
  height: 1rem !important;
}
.v-btn--loading.v-btn--loading.v-size--x-small .v-progress-circular {
  width: 0.8rem !important;
  height: 0.8rem !important;
}

.v-text-field.v-input--dense:not(.v-text-field--outlined) input {
  font-size: 0.82rem;
  padding-bottom: 4px !important;
}
.v-text-field.v-input--dense:not(.v-text-field--outlined) input::-moz-placeholder {
  font-size: 0.82rem;
}
.v-text-field.v-input--dense:not(.v-text-field--outlined) input::placeholder {
  font-size: 0.82rem;
}

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

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

.position-fixed {
  position: fixed !important;
}

.position-sticky {
  position: sticky !important;
}

.font-weight-semi-bold {
  font-weight: 600 !important;
}