/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
[data-v-f2a7a078]:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
[data-v-f2a7a078]:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
.spinner[data-v-f2a7a078] {
  top: 2px;
  position: relative;
  left: 4px;
}
/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
.direct-label {
  margin-top: -20px;
}
.direct-label .el-form-item__label {
  margin-top: 10px;
  line-height: 20px;
}
/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
[data-v-5209fd9a]:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
[data-v-5209fd9a]:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
.dialog-title[data-v-5209fd9a] {
  font-size: 16px !important;
}
.dialog-text[data-v-5209fd9a] {
  font-size: 13.4px !important;
}
/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
[data-v-3fb8543a]:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
[data-v-3fb8543a]:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
.treeview[data-v-3fb8543a] .line {
  margin-bottom: 16px;
}
/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
[data-v-afa83aa4]:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
[data-v-afa83aa4]:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
.calendar-container[data-v-afa83aa4] {
  height: calc(100vh - 116px);
}
[data-v-afa83aa4] .calendar-container .v-calendar-weekly__day.v-present .v-btn.v-btn--fab {
  background-color: #F44336 !important;
  border-color: #F44336 !important;
}
[data-v-afa83aa4] .calendar-container .v-calendar-weekly__day-label button.v-btn--fab.v-size--small {
  height: 32px;
  width: 32px;
  margin-bottom: 5px;
}
/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
/**
 * define font-sizes with css custom properties.
 * you can change the values of these properties in a media query
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify
*/
[data-v-6d7af03e]:root {
  --base-font-size: 16px !important;
}
@media only screen and (max-width: 1903.98px) {
[data-v-6d7af03e]:root {
    --base-font-size: 14.4px !important;
}
}

/**
 * Override Vuetify variables as you normally would
 * NOTE: remember to provide a fallback for browsers that don't support Custom Properties
 * In my case, I've used the mobile font-sizes as a fallback
 See: https://stackoverflow.com/questions/56603008/how-to-make-font-size-responsive-using-vuetify

*/
.calendar-container[data-v-6d7af03e] {
  height: calc(100vh - 116px);
}
[data-v-6d7af03e] .calendar-container .v-calendar-weekly__day.v-present .v-btn.v-btn--fab {
  background-color: #F44336 !important;
  border-color: #F44336 !important;
}
[data-v-6d7af03e] .calendar-container .v-calendar-weekly__day-label button.v-btn--fab.v-size--small {
  height: 32px;
  width: 32px;
  margin-bottom: 5px;
}