@import url(https://cdn.jsdelivr.net/npm/@mdi/font@4.x/css/materialdesignicons.min.css);
/*
    Some usefull general bootstrap classes
    this file can be deleted if we start using bootstra or other css framework
*/
.position-relative {
  position: relative;
}

.opacity-50 {
  opacity: 0.5;
}

.border-dashed {
  border: 1px #ccc;
  border-style: dashed;
}

.cursor-grab {
  cursor: grab;
}

.cursor-grab:active {
  cursor: grabbing;
}

.cursor-pointer:hover {
  cursor: pointer;
}

.hoverable:hover {
  opacity: 0.8;
}

/*
    Reset to fix issues with vuetify. 
    revisit if vuetify has problems with other components.
*/
html {
  overflow: auto !important;
}

.h-100 {
  height: 100%;
}

b, strong {
  font-weight: 600 !important;
}

/*
    Refactor roasted-vue classes that has issues with vuetify.
*/
.web-theme input[type=email],
.web-theme input[type=number],
.web-theme input[type=password],
.web-theme input[type=tel],
.web-theme input[type=text],
.web-theme input[type=url],
.web-theme select,
.web-theme textarea {
  border: none;
  margin: 0;
}
.web-theme .v-application {
  font-family: AvenirNext, sans-serif;
}
.web-theme .v-application ul {
  padding-left: 0;
}
.web-theme .v-application .hide-important {
  display: none !important;
}
.web-theme .roast-level .flex {
  flex: unset;
}
.web-theme .v-sheet.v-stepper,
.web-theme .v-stepper {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.web-theme .v-sheet.v-stepper:not(.v-sheet--outlined),
.web-theme .v-stepper:not(.v-sheet--outlined) {
  box-shadow: none;
}
.web-theme .wizard-header-container .v-stepper__header {
  box-shadow: none;
}
.web-theme .v-stepper {
  overflow: auto;
}
.web-theme .roast-profile-list-item {
  width: calc(100% - 48px);
}
.web-theme .v-dialog .v-card__text {
  line-height: 2rem;
  font-weight: 500;
}
.web-theme .v-date-picker-table {
  min-height: 242px;
  max-height: 280px;
  height: auto;
}
.web-theme .v-date-picker-table--date .v-btn {
  height: 42px;
  width: 42px;
}

.theme--light.v-stepper.in-header .wizard-header-container .v-stepper__label,
.theme--light.v-stepper.in-header .wizard-header-container .v-stepper__step:not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__label,
.theme--light.v-stepper.in-header .wizard-header-container .v-stepper__step--complete .v-stepper__label,
.theme--light.v-stepper.in-header .theme--light.v-stepper--non-linear .wizard-header-container .v-stepper__label,
.theme--light.v-stepper.in-header .theme--light.v-stepper--non-linear .wizard-header-container .v-stepper__step:not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__label,
.theme--light.v-stepper.in-header .theme--light.v-stepper--non-linear .wizard-header-container .v-stepper__step--complete .v-stepper__label {
  color: white;
}
.theme--light.v-stepper.in-header .wizard-header-container .v-stepper__step:not(.v-stepper__step--active):not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__step__step,
.theme--light.v-stepper.in-header .theme--light.v-stepper--non-linear .wizard-header-container .v-stepper__step:not(.v-stepper__step--active):not(.v-stepper__step--complete):not(.v-stepper__step--error) .v-stepper__step__step {
  background-color: #424242;
}

.no-shadow .v-pagination .v-pagination__item,
.no-shadow .v-pagination .v-pagination__navigation {
  box-shadow: none;
}

.v-data-table.overflow-unset .v-data-table__wrapper {
  overflow: unset;
}

.v-tab.text-transform-none {
  text-transform: none;
}

.v-data-table.clickable-row tr {
  cursor: pointer;
}

.v-select.fit {
  width: -moz-min-content;
  width: min-content;
}
.v-select.fit .v-select__selection--comma {
  text-overflow: unset;
}
.v-select.fit .v-select__selections input {
  display: none;
}

.theme--light.v-card.hoverable:hover {
  opacity: 0.8;
}

.cursor-pointer .v-text-field__slot:hover {
  cursor: pointer;
}

.cursor-pointer .v-text-field__slot:disabled:hover {
  cursor: not-allowed;
}

.cursor-pointer input:hover {
  cursor: pointer;
}

.cursor-pointer input:disabled:hover {
  cursor: not-allowed;
}

.v-theme--LightTheme .dialog-content .content-information, .v-theme--LightTheme .content-information {
  background: #fafafa;
}
.v-theme--LightTheme .information-subtitle, .v-theme--LightTheme .notes-subtitle, .v-theme--LightTheme .settings-subtitle, .v-theme--LightTheme .registration-subtitle {
  background: #f5f5f5;
}

.v-theme--DarkTheme .list-item:hover {
  background: #3d3d3d !important;
}
.v-theme--DarkTheme .action-delete {
  color: white;
}
.v-theme--DarkTheme .roast-log-graph-container svg {
  background: #c5c5c5;
}
.v-theme--DarkTheme .dialog-content .content-information, .v-theme--DarkTheme .content-information {
  background: #2f2f2f;
}
.v-theme--DarkTheme .information-subtitle, .v-theme--DarkTheme .notes-subtitle, .v-theme--DarkTheme .settings-subtitle, .v-theme--DarkTheme .registration-subtitle {
  background: #2f2f2f;
}
.v-theme--DarkTheme .information-subtitle i,
.v-theme--DarkTheme .information-subtitle h3,
.v-theme--DarkTheme .notes-subtitle h3,
.v-theme--DarkTheme .notes-subtitle i,
.v-theme--DarkTheme .settings-subtitle i,
.v-theme--DarkTheme .settings-subtitle h3,
.v-theme--DarkTheme .registration-subtitle h3,
.v-theme--DarkTheme .registration-subtitle i {
  color: white !important;
}

/* Global variables */
:root {
  --roaster-status-color-ready: #7DBF27;
  --roaster-status-color-preheat: #B04B20;
  --roaster-status-color-roast: #FCC419;
  --roaster-status-color-cool: #00C5FF;
  --roaster-status-color-inactive: #FFFFFF;
}

.roaster-status-icon {
  height: 10px;
  width: 10px;
  border-radius: 50%;
  border: 1px solid grey;
}

.roaster-status-ready {
  background-color: var(--roaster-status-color-ready);
}

.roaster-status-preheat {
  background-color: var(--roaster-status-color-preheat);
}

.roaster-status-roast {
  background-color: var(--roaster-status-color-roast);
}

.roaster-status-cool {
  background-color: var(--roaster-status-color-cool);
}

.roaster-status-inactive {
  background-color: var(--roaster-status-color-inactive);
}

.position-relative {
  position: relative;
}

.position-absolute {
  position: absolute;
}

.flex-none {
  display: flex;
  flex: none !important;
}

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

.full-height {
  height: 100% !important;
}

.font-weight-semibold {
  font-weight: 600 !important;
}

.v-theme--LightTheme .item-hover {
  transition: background-color 0.35s ease-out;
}
.v-theme--LightTheme .item-hover:hover {
  background-color: rgb(240, 240, 240);
  transition: background-color 0.35s ease-out;
}

.v-theme--DarkTheme .item-hover {
  transition: background-color 0.35s ease-out;
}
.v-theme--DarkTheme .item-hover:hover {
  background-color: rgb(50, 50, 50);
  transition: background-color 0.35s ease-out;
}

.clickable {
  cursor: pointer;
}
.clickable:hover {
  opacity: 0.65;
}