/* Generic */
html,
body {
  min-width: 100% !important;
  min-height: 100% !important;

  background-color: var(--duo-light-green);
}

html {
  overflow: auto !important;

  scroll-behavior: smooth;
}

/* Vuetify overrides */
.v-field--disabled {
  --v-disabled-opacity: 0.7 !important;
}

.white-text-btn:not(.v-btn--variant-outlined) .v-btn__content,
.white-text-btn:not(.v-btn--variant-outlined) .v-btn__append,
.white-text-btn:not(.v-btn--variant-outlined) .v-btn__prepend {
  color: white;
}

.green-text-btn .v-btn__content,
.green-text-btn .v-btn__append,
.green-text-btn .v-btn__prepend {
  color: var(--duo-light-green);
}

.green-outlined-btn .v-btn__content,
.green-outlined-btn .v-btn__append,
.green-outlined-btn .v-btn__prepend {
  color: var(--duo-dark-green);
}

.v-col {
  padding: 6px 12px !important
}

.v-data-table {
  min-height: 100%;
  border-radius: 15px !important;
}

.v-checkbox .v-label {
  opacity: 1;
}

.v-checkbox .v-icon {
  color: black;
}


.v-data-table th,
.v-data-table td {
  height: 70px;

  padding: 0px 0px 0px 3px !important;

  border: 1px solid var(--duo-light-green);

  transition-duration: 2.5s;
}

.v-data-table tr th {
  background: #99b1a2 !important;
}

.v-data-table tr:hover td {
  background: #c6e894 !important;
}


.v-data-table tr td .v-select .v-field__outline {
  display: none;
}

.v-data-table tr td .v-select .v-field {
  background-color: transparent !important;
}


.v-data-table .v-table__wrapper {
  padding: 10px;
}

.v-data-table .v-data-table-header__content {
  font-weight: 600;
}

.rounded-search-field .v-field {
  border: 1px solid #99B1A2;
  border-radius: 10px;
}

.rounded-search-field .v-field__outline {
  display: none;
}

.v-expansion-panel-text {
  margin: 0 !important;
}

.compacted-input .v-field {
  font-size: 13px;
}

.v-input .v-label {
  opacity: 1;
}

.compacted-input:not(:has(.v-chip)),
.compacted-input .v-input__control:not(:has(.v-chip)) {
  height: 36px;
}

.compacted-input .v-input__details {
  display: none;
}

.compacted-input .v-text-field__suffix__text,
.compacted-input .v-field__input:not(:has(.v-chip)) {
  position: relative;
  top: -8px;
  font-size: 16px;
}

.compacted-input .v-field__append-inner {
  position: relative;
  top: -10px;
  font-size: 16px;
}

.compacted-input .v-field__prepend-inner {
  position: relative;
  top: -7px !important;
}

.compacted-input .v-field-label:not(.v-field-label--floating) {
  position: absolute;
  top: 15px !important;
}

/* Utils */

.green-bg {
  background-color: var(--duo-light-green) !important;
}

.orange-btn {
  color: white !important;
  background-color: var(--duo-orange) !important;
  transition: 1s all;
}

.orange-btn:hover {
  color: black !important;
  background-color: var(--duo-bright-green) !important;
}

.rounded-table thead th:nth-child(1) {
  border-radius: 10px 0 0 0 !important;
}

.rounded-table thead th:last-child {
  border-radius: 0 10px 0 0 !important;
}

.rounded-table tbody tr:last-child td:nth-child(1) {
  border-radius: 0 0 0 10px !important;
}

.rounded-table tbody tr:last-child td:last-child {
  border-radius: 0 0 10px 0 !important;
}


/* Green card in v-dialog */
.green-card {
  min-width: 50% !important;
  color: black !important;
  background-color: var(--duo-light-green) !important;
}

.green-card .v-card-title {
  color: white !important;
  background-color: var(--duo-dark-green) !important;
  font-weight: 600;
}