:root {
  --light-background-color: #f9f9f9;
  --dark-background-color: #1e1e1e;
  --dark-popups-background-color: #303030;
  --app-header-height: 64px;
  --app-header-height--mobile: 56px;
  --app-footer-height: 29px;
  --app-footer-height--medium: 40px;
  --app-footer-large-medium-difference: 11px;
  --app-footer-height--mobile: 58px;
  --small-tabs-height: 35px;
}

.table-date {
  color: #a8a8a8;
}

.clickable {
  cursor: pointer;
}

.non-selectable {
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}

.dashed {
  border-bottom: 1px dashed;
}

.vertical-middle {
  vertical-align: middle;
}

.component-title {
  font-size: 1.16rem !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.small-text-menu .v-list-item {
  text-align: start !important;
  min-height: 30px !important;
}
.small-text-menu .v-list-item__title {
  font-weight: normal !important;
  font-size: 11px !important;
  letter-spacing: 0.0071428571em !important;
}

.tab-fill-height {
  --profile-tabs-height: 48px;
  --profile-paddings: 15px;
  min-height: calc( 100vh - var(--app-header-height) - var(--app-footer-height) - var(--profile-tabs-height) - var(--profile-paddings) );
}
@media screen and (max-width: 1264px) {
  .tab-fill-height {
    min-height: calc( 100vh - var(--app-header-height) - var(--app-footer-height--medium) - var(--profile-tabs-height) - var(--profile-paddings) );
  }
}
@media screen and (max-width: 960px) {
  .tab-fill-height {
    min-height: calc( 100vh - var(--app-header-height--mobile) - var(--app-footer-height--mobile) - var(--profile-tabs-height) - var(--profile-paddings) );
  }
}

.v-application .v-bottom-navigation {
  background-color: var(--light-background-color);
  box-shadow: none;
}
.v-application .v-bottom-navigation .v-btn {
  min-width: 50px;
}

.v-application.theme--dark .v-bottom-navigation {
  background-color: var(--dark-background-color);
}

.v-dialog {
  border-radius: 0 !important;
  width: 100%;
}
.v-dialog .v-card {
  border-radius: 0 !important;
}
.v-dialog .v-card__text {
  padding-bottom: 8px !important;
}
@media screen and (min-width: 960px) {
  .v-dialog .col-12 {
    padding-top: 8px;
    padding-bottom: 8px;
  }
}

.theme--dark .v-overlay__scrim {
  background-color: #464646 !important;
}

.v-counter {
  font-size: 9px !important;
}

input[type=number] {
  -moz-appearance: textfield;
  -moz-default-appearance: textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.v-input__slider {
  padding-top: 16px;
}

.v-input__slot:before {
  border-color: rgba(136, 136, 136, 0.42) !important;
}

.theme--dark .v-input__slot::before {
  border-color: rgba(255, 255, 255, 0.2) !important;
}

input {
  filter: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px var(--light-background-color) !important;
  -webkit-text-fill-color: rgba(0, 0, 0, 0.87) !important;
  color: rgba(0, 0, 0, 0.87) !important;
}

.theme--dark input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 50px var(--dark-background-color) !important;
  -webkit-text-fill-color: #edf0f2 !important;
  color: #edf0f2 !important;
}

div.v-input.required .v-label::after {
  content: "*";
  color: var(--v-error-base) !important;
  margin-left: 4px;
}

.required_text::before {
  content: "*";
  color: var(--v-error-base) !important;
  margin-right: 4px;
}

.v-application .d-flex {
  min-width: 0;
}

.v-navigation-drawer__content {
  flex: 1 1 auto;
  overflow-y: auto;
  min-height: 0;
  padding: 8px 0;
}

.row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.col-12 {
  padding: 8px 24px;
}

.v-sheet.v-app-bar.v-toolbar:not(.v-sheet--outlined) {
  box-shadow: 0 2px 6px -1px rgba(85, 85, 85, 0.08), 0 4px 6px 0 rgba(85, 85, 85, 0.06), 0 1px 6px 0 rgba(85, 85, 85, 0.03);
}

.v-list-item__title {
  font-size: 10px;
  font-weight: 600;
  text-transform: uppercase;
}

.v-list-item__action:first-child,
.v-list-item__icon:first-child {
  margin-right: 14px !important;
}

.v-application--is-rtl .v-list-item__action:first-child,
.v-application--is-rtl .v-list-item__icon:first-child {
  margin-right: 0 !important;
  margin-left: 14px !important;
}

.v-list-item__action:first-child,
.v-list-item__icon:first-child {
  margin-right: 14px !important;
}

.v-list-group__header__append-icon .v-icon {
  font-size: 1rem;
}

.v-list-group__header .v-list-item__icon.v-list-group__header__append-icon {
  min-width: 0 !important;
}

.v-list-item__icon {
  margin: auto;
  justify-content: center;
}

.v-list-group--sub-group .v-list-group__header {
  padding-left: 8px !important;
}

.v-list-group__items {
  margin-bottom: 8px;
}

.v-picker .v-time-picker-clock__item {
  font-size: 13px !important;
}
.v-picker .v-date-picker-header {
  font-size: 13px !important;
  font-weight: 600 !important;
  padding-bottom: 0 !important;
}
.v-picker .v-date-picker-table th {
  font-size: 11px !important;
  padding: 0 !important;
}

.theme--light .v-picker__body {
  background: var(--light-background-color) !important;
}
.theme--light .v-picker__body .v-time-picker-clock {
  background: #f5f5f5 !important;
}

.theme--dark .v-menu__content .v-list,
.theme--dark .v-picker__body,
.theme--dark .v-picker__actions {
  background: var(--dark-popups-background-color) !important;
}
.theme--dark .v-picker .v-time-picker-clock {
  background: #424242 !important;
}

.v-menu__content .v-select-list .v-list-item {
  min-height: 15px !important;
}
.v-menu__content .v-select-list .v-list-item__title {
  font-weight: normal !important;
  font-size: 11px !important;
  letter-spacing: 0.0071428571em !important;
}

:root {
  --scrollbar-size: 5px;
  --scrollbar-size-page: 0.75rem;
  --scrollbar-border-radius: 6px;
  --scrollbar-minlength: 1rem;
  --scrollbar-ff-width: thin;
  --scrollbar-color: rgba(0, 0, 0, 0.13);
  --scrollbar-color-hover: rgba(0, 0, 0, 0.19);
  --scrollbar-color-active: rgba(0, 0, 0, 0.23);
  --dark-scrollbar-color: rgba(84, 84, 84, 0.5);
  --dark-scrollbar-color-hover: rgba(127, 127, 127, 0.5);
  --dark-scrollbar-color-active: rgba(160, 160, 160, 0.5);
}

*::-webkit-scrollbar {
  height: var(--scrollbar-size);
  width: var(--scrollbar-size-page);
}
*::-webkit-scrollbar-track {
  background-color: var(--light-background-color);
}
*::-webkit-scrollbar-thumb {
  background-color: var(--scrollbar-color);
  border-radius: var(--scrollbar-border-radius);
}
*::-webkit-scrollbar-thumb:hover {
  background-color: var(--scrollbar-color-hover);
}
*::-webkit-scrollbar-thumb:active {
  background-color: var(--scrollbar-color-active);
}
*::-webkit-scrollbar-thumb:vertical {
  min-height: var(--scrollbar-minlength);
}
*::-webkit-scrollbar-thumb:horizontal {
  min-width: var(--scrollbar-minlength);
}

.v-menu__content,
.v-navigation-drawer__content {
  scrollbar-color: var(--scrollbar-color) var(--light-background-color) !important;
  scrollbar-width: var(--scrollbar-ff-width);
}

.theme--dark .v-menu__content,
.theme--dark .v-navigation-drawer__content {
  scrollbar-color: var(--dark-scrollbar-color) var(--dark-background-color) !important;
  scrollbar-width: var(--scrollbar-ff-width);
}
.theme--dark .v-menu__content::-webkit-scrollbar-track,
.theme--dark .v-navigation-drawer__content::-webkit-scrollbar-track {
  background-color: var(--dark-background-color) !important;
}
.theme--dark .v-menu__content::-webkit-scrollbar-thumb,
.theme--dark .v-navigation-drawer__content::-webkit-scrollbar-thumb {
  background-color: var(--dark-scrollbar-color) !important;
  border-radius: var(--scrollbar-border-radius) 3px;
}
.theme--dark .v-menu__content::-webkit-scrollbar-thumb:hover,
.theme--dark .v-navigation-drawer__content::-webkit-scrollbar-thumb:hover {
  background-color: var(--dark-scrollbar-color-hover) !important;
}
.theme--dark .v-menu__content::-webkit-scrollbar-thumb:active,
.theme--dark .v-navigation-drawer__content::-webkit-scrollbar-thumb:active {
  background-color: var(--dark-scrollbar-color-active) !important;
}

.v-stepper {
  background: var(--light-background-color) !important;
  box-shadow: none !important;
}
.v-stepper__header {
  box-shadow: none !important;
}
.v-stepper__content {
  padding-top: 4px !important;
  padding-bottom: 0 !important;
}

.theme--dark .v-stepper {
  background-color: var(--dark-background-color) !important;
}

.v-application .management-table .v-input--switch .v-input--selection-controls__input {
  top: 5px !important;
  width: 25px !important;
}
.v-application .management-table .v-input--switch .v-input--selection-controls__ripple {
  height: 12px !important;
  width: 12px !important;
  left: -9px !important;
  top: -6px !important;
}
.v-application .management-table .v-input--switch .v-input--switch__track {
  height: 14px !important;
  width: 26px !important;
}
.v-application .management-table .v-input--switch .v-input--switch__thumb {
  height: 8px !important;
  width: 8px !important;
  top: calc(50% - 9px) !important;
}
.v-application .management-table .v-input--switch label {
  font-size: 13px !important;
}

.v-application .management-table .v-input--switch--inset.v-input--is-dirty .v-input--switch__thumb,
.v-application .management-table .v-input--switch--inset.v-input--is-dirty .v-input--selection-controls__ripple {
  transform: translate(12px, 0) !important;
}

.v-application .small-label-table-switch.v-input .v-input__slot label {
  font-size: 10px !important;
  text-transform: uppercase !important;
  font-weight: 600 !important;
}

.v-application--is-rtl .management-table .v-input--switch .v-input--selection-controls__ripple {
  right: -9px !important;
  left: 0 !important;
}
.v-application--is-rtl .management-table .v-input--switch--inset.v-input--is-dirty .v-input--switch__thumb,
.v-application--is-rtl .management-table .v-input--switch--inset.v-input--is-dirty .v-input--selection-controls__ripple {
  transform: translate(-16px, 0) !important;
}

.v-data-table table {
  padding: 4px;
  padding-bottom: 8px;
}
.v-data-table table th {
  text-transform: uppercase;
  white-space: nowrap;
}
.v-data-table table td {
  border-bottom: 0 !important;
}
.v-data-table table tbody tr {
  transition: box-shadow 0.2s, transform 0.2s;
}
.v-data-table table tbody tr:not(.v-data-table__selected):hover {
  box-shadow: 0 3px 15px -2px rgba(0, 0, 0, 0.12);
  transform: translateY(-4px);
}

.v-data-table table tbody tr:not(.v-data-table__selected):hover {
  box-shadow: none;
  transform: none;
}

caption,
.v-toolbar__title {
  text-transform: uppercase !important;
  font-weight: 600 !important;
  font-size: 16px;
}

.v-toolbar__content {
  padding: 0 !important;
}

.v-toolbar {
  max-height: 42px;
}

tr:not(:last-child).v-data-table__mobile-table-row > td:last-child {
  border-bottom: thin solid rgba(137, 137, 137, 0.61) !important;
}

td {
  border-radius: 0 !important;
}

.v-data-table-header-mobile__wrapper .v-chip {
  font-size: 11px !important;
  border-radius: 0 !important;
}
.v-data-table-header-mobile__wrapper .v-select__slot label {
  font-size: 0.8rem;
}

.report-page {
  display: flex;
  flex-grow: 1;
  height: 100%;
  width: 100%;
}
.report-page .v-data-table {
  display: flex;
  flex-flow: column;
}
.report-page .v-data-table__wrapper {
  padding: 0 !important;
  flex-grow: 1 !important;
}
.report-page .v-data-table__wrapper tbody .v-btn::before {
  background-color: unset !important;
}
.report-page .v-data-table__wrapper tbody .v-btn:not(.v-btn--round) {
  padding-right: 0;
  color: #a6a6a6;
}
.report-page table {
  padding: 0 !important;
}
.report-page th {
  padding: 0 !important;
}
.report-page td {
  padding: 0 !important;
  padding-right: 8px !important;
  word-break: break-word !important;
}
.report-page th:first-child {
  padding-left: 5px !important;
}
.report-page td:first-child {
  padding-left: 5px !important;
}
.report-page caption {
  text-align: start;
}

.v-tabs-items {
  background-color: transparent !important;
}

.small-tabs .v-tabs {
  height: 35px;
}
.small-tabs .v-tab {
  font-size: 11px;
  height: 35px;
}
.small-tabs .v-tabs-bar {
  height: 35px;
}
.small-tabs .v-tabs-bar__content {
  height: 35px;
}

.theme--dark .v-navigation-drawer__content {
  background: none;
}
.theme--dark .v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
  background-color: rgba(130, 130, 130, 0.08);
}
.theme--dark .theme--dark.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined):not(.v-btn--has-bg) {
  background: none !important;
}
.theme--dark .v-sheet.v-card {
  box-shadow: none !important;
}
.theme--dark .v-menu__content {
  box-shadow: none !important;
  border: 1px solid #4b4b4b3b;
}
.theme--dark .v-btn {
  box-shadow: none !important;
}
.theme--dark .v-stepper {
  box-shadow: none !important;
}

.v-application p {
  margin-bottom: 20px;
}

.v-application .text-number {
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji !important;
}

.gap-1 {
  gap: 4px;
}

.gap-2 {
  gap: 8px;
}

.gap-3 {
  gap: 12px;
}

.gap-4 {
  gap: 16px;
}

.gap-6 {
  gap: 24px;
}

.gap-8 {
  gap: 32px;
}

.gap-10 {
  gap: 40px;
}

.py-4px {
  padding: 4px 0 !important;
}

.white-space-normal {
  white-space: normal !important;
}

.w-full {
  width: 100%;
}

.h-full {
  height: 100%;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.truncate {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.flex-1 {
  flex: 1;
}