body {
    min-block-size: 100%;
}

.v-application {
    display: flex;
    background: rgb(var(--v-theme-background));
    color: rgba(var(--v-theme-on-background), var(--v-high-emphasis-opacity));
}

.v-application, .text-body-1, .text-body-2, .text-subtitle-1, .text-subtitle-2 {
    color: rgba(var(--v-theme-on-background), var(--v-medium-emphasis-opacity));
}

.v-application__wrap {
    backface-visibility: hidden;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    max-width: 100%;
    min-height: 100vh;
    min-height: 100dvh;
    position: relative;
}

.v-application__wrap {
    min-height: calc(var(--vh, 1vh)* 100);
}

.layout-wrapper.layout-blank {
    flex-direction: column;
}
.layout-blank .auth-wrapper {
    min-block-size: calc(var(--vh, 1vh)* 100);
}

/* .v-row.v-row--no-gutters {
    margin: 0;
}

.v-row {
    display: flex;
    flex-wrap: wrap;
    flex: 1 1 auto;
    margin: -12px;
}

.v-row.v-row--no-gutters > .v-col, .v-row.v-row--no-gutters > [class*=v-col-] {
    padding: 0;
} */
/* .d-none {
    display: none !important;
}
.v-col {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
}

@media (min-width: 1280px) {
    .v-col-lg-7 {
        flex: 0 0 58.3333333333%;
        max-width: 58.3333333333%;
    }
    .d-lg-flex {
        display: flex !important;
    }
   
} */

.layout-blank .auth-illustration {
    z-index: 1;
}
.v-img {
    --v-theme-overlay-multiplier: 3;
    z-index: 0;
}
.v-responsive {
    display: flex;
    flex: 1 0 auto;
    max-height: 100%;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.v-responsive__sizer {
    flex: 1 0 0px;
    transition: padding-bottom 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}
.layout-blank .auth-illustration .v-responsive__sizer {
    display: none !important;
}
img {
    border-style: none;
}
.v-img__img, .v-img__picture, .v-img__gradient, .v-img__placeholder, .v-img__error {
    z-index: -1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.v-img__img--cover {
    object-fit: cover;
}
/* .layout-blank .auth-illustration img {
    filter: saturate(80%);
} */
/* .v-col-12 {
    flex: 0 0 100%;
    max-width: 100%;
} */
@media (min-width: 1280px) {
    .v-col-lg-5 {
        flex: 0 0 41.6666666667%;
        max-width: 41.6666666667%;
    }
    .v-col-lg-3 {
      flex: 0 0 25%;
      max-width: 25%;
    }
}
/* .v-card {
    display: block;
    overflow: hidden;
    overflow-wrap: break-word;
    position: relative;
    padding: 0;
    text-decoration: none;
    transition-duration: 0.28s;
    transition-property: box-shadow, opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    z-index: 0;
    border-color: rgba(var(--v-border-color), var(--v-border-opacity));
    border-style: solid;
    border-width: 0;
    border-radius: 6px;
}
.v-card--variant-elevated, .v-card--variant-flat {
    background: rgb(var(--v-theme-surface));
    color: rgba(var(--v-theme-on-surface), var(--v-medium-emphasis-opacity));
}
.v-card--variant-elevated {
    box-shadow: 0 4px 18px rgba(var(--v-shadow-key-umbra-color), 0.1), 0 0 transparent, 0 0 transparent;
}
.v-card--flat {
    box-shadow: none;
}

.v-card__loader {
    bottom: auto;
    top: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
    z-index: 1;
} */

/** if false, disabled buttons will be greyed out */
.v-progress-linear {
    background: transparent;
    overflow: hidden;
    position: relative;
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    width: 100%;
  }
  .v-progress-linear--rounded {
    border-radius: 9999px;
  }
  
  .v-progress-linear__background {
    background: currentColor;
    bottom: 0;
    left: 0;
    opacity: 0.08;
    position: absolute;
    top: 0;
    transition-property: width, left, right;
    transition: inherit;
  }
  
  .v-progress-linear__content {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  .v-progress-linear__determinate,
  .v-progress-linear__indeterminate {
    background: currentColor;
  }
  
  .v-progress-linear__determinate {
    height: inherit;
    left: 0;
    position: absolute;
    transition: inherit;
    transition-property: width, left, right;
  }
  
  .v-progress-linear__indeterminate .long, .v-progress-linear__indeterminate .short {
    animation-play-state: paused;
    animation-duration: 2.2s;
    animation-iteration-count: infinite;
    bottom: 0;
    height: inherit;
    left: 0;
    position: absolute;
    right: auto;
    top: 0;
    width: auto;
    will-change: left, right;
  }
  .v-progress-linear__indeterminate .long {
    animation-name: indeterminate-ltr;
  }
  .v-progress-linear__indeterminate .short {
    animation-name: indeterminate-short-ltr;
  }
  
  .v-progress-linear__stream {
    animation: stream 0.25s infinite linear;
    animation-play-state: paused;
    bottom: 0;
    left: auto;
    opacity: 0.3;
    pointer-events: none;
    position: absolute;
    transition: inherit;
    transition-property: width, left, right;
  }
  
  .v-progress-linear--reverse .v-progress-linear__background,
  .v-progress-linear--reverse .v-progress-linear__determinate,
  .v-progress-linear--reverse .v-progress-linear__content {
    left: auto;
    right: 0;
  }
  .v-progress-linear--reverse .v-progress-linear__indeterminate .long, .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
    left: auto;
    right: 0;
  }
  .v-progress-linear--reverse .v-progress-linear__indeterminate .long {
    animation-name: indeterminate-rtl;
  }
  .v-progress-linear--reverse .v-progress-linear__indeterminate .short {
    animation-name: indeterminate-short-rtl;
  }
  .v-progress-linear--reverse .v-progress-linear__stream {
    right: auto;
  }
  
  .v-progress-linear--absolute,
  .v-progress-linear--fixed {
    left: 0;
    z-index: 1;
  }
  
  .v-progress-linear--absolute {
    position: absolute;
  }
  
  .v-progress-linear--fixed {
    position: fixed;
  }
  
  .v-progress-linear--rounded {
    border-radius: 9999px;
  }
  .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__determinate,
  .v-progress-linear--rounded.v-progress-linear--rounded-bar .v-progress-linear__indeterminate {
    border-radius: inherit;
  }
  
  .v-progress-linear--striped .v-progress-linear__determinate {
    animation: progress-linear-stripes 1s infinite linear;
    background-image: linear-gradient(135deg, hsla(0, 0%, 100%, 0.25) 25%, transparent 0, transparent 50%, hsla(0, 0%, 100%, 0.25) 0, hsla(0, 0%, 100%, 0.25) 75%, transparent 0, transparent);
    background-repeat: repeat;
    background-size: var(--v-progress-linear-height);
  }
  
  .v-progress-linear--active .v-progress-linear__indeterminate .long, .v-progress-linear--active .v-progress-linear__indeterminate .short {
    animation-play-state: running;
  }
  .v-progress-linear--active .v-progress-linear__stream {
    animation-play-state: running;
  }
  
  .v-progress-linear--rounded-bar .v-progress-linear__determinate,
  .v-progress-linear--rounded-bar .v-progress-linear__indeterminate,
  .v-progress-linear--rounded-bar .v-progress-linear__stream + .v-progress-linear__background {
    border-radius: 9999px;
  }
  .v-progress-linear--rounded-bar .v-progress-linear__determinate.v-locale--is-ltr, .v-locale--is-ltr .v-progress-linear--rounded-bar .v-progress-linear__determinate {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .v-progress-linear--rounded-bar .v-progress-linear__determinate.v-locale--is-rtl, .v-locale--is-rtl .v-progress-linear--rounded-bar .v-progress-linear__determinate {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  
  @keyframes indeterminate-ltr {
    0% {
      left: -90%;
      right: 100%;
    }
    60% {
      left: -90%;
      right: 100%;
    }
    100% {
      left: 100%;
      right: -35%;
    }
  }
  @keyframes indeterminate-rtl {
    0% {
      left: 100%;
      right: -90%;
    }
    60% {
      left: 100%;
      right: -90%;
    }
    100% {
      left: -35%;
      right: 100%;
    }
  }
  @keyframes indeterminate-short-ltr {
    0% {
      left: -200%;
      right: 100%;
    }
    60% {
      left: 107%;
      right: -8%;
    }
    100% {
      left: 107%;
      right: -8%;
    }
  }
  @keyframes indeterminate-short-rtl {
    0% {
      left: 100%;
      right: -200%;
    }
    60% {
      left: -8%;
      right: 107%;
    }
    100% {
      left: -8%;
      right: 107%;
    }
  }
  @keyframes stream {
    to {
      transform: translateX(var(--v-progress-linear-stream-to));
    }
  }
  @keyframes progress-linear-stripes {
    0% {
      background-position-x: var(--v-progress-linear-height);
    }
  }

p {
    margin-block-end: 1rem;
}

/* .v-input {
    display: grid;
    flex: 1 1 auto;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.5;
    border-radius: 5px;
    transition: all ease-in-out 0.5s;
} */
/* .v-input:focus{
    outline-color: blue;
} */

.v-field {
    line-height: 23px;
}
.v-field__overlay {
    border-radius: inherit;
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.v-field__loader {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}

.v-field__input {
    opacity: 1 !important;
}

.v-field--variant-outlined .v-field__outline {
    border-radius: inherit;
}
.v-field--variant-outlined .v-field__outline__start.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__start {
    border-radius: 6px 0 0 6px;
}
.v-field--variant-outlined .v-field__outline__end.v-locale--is-ltr, .v-locale--is-ltr .v-field--variant-outlined .v-field__outline__end {
    border-radius: 0 6px 6px 0;
}
.v-field--variant-outlined .v-field__outline__start, .v-field--variant-outlined .v-field__outline__notch::before, .v-field--variant-outlined .v-field__outline__notch::after, .v-field--variant-outlined .v-field__outline__end {
    border: 0 solid currentColor;
    opacity: var(--v-field-border-opacity);
    transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.v-field--variant-outlined .v-field__outline__start {
    flex: 0 0 12px;
    border-top-width: var(--v-field-border-width);
    border-bottom-width: var(--v-field-border-width);
    border-inline-start-width: var(--v-field-border-width);
}
.v-field--variant-outlined .v-field__outline__end {
    flex: 1;
    border-top-width: var(--v-field-border-width);
    border-bottom-width: var(--v-field-border-width);
    border-inline-end-width: var(--v-field-border-width);
}


.v-application .v-input--density-compact .v-field__clearable svg, .v-application .v-input--density-compact .v-field__append-inner svg {
    block-size: 0.8em;
    inline-size: 0.8em;
    margin-block-start: 0.15em;
}

.v-switch.v-input, .v-checkbox-btn, .v-radio-btn, .v-radio {
    --v-input-control-height: auto;
    flex: unset;
}

.v-selection-control__input > .v-icon {
    opacity: var(--v-medium-emphasis-opacity);
}
.v-radio:not(.v-selection-control--dirty) .v-selection-control__input > svg, .v-checkbox-btn:not(.v-selection-control--dirty) .v-selection-control__input > svg {
    color: rgba(var(--v-theme-on-surface), var(--v-disabled-opacity));
}

.v-checkbox-btn .v-selection-control__input .v-icon.iconify--custom {
    block-size: 1.125rem !important;
    font-size: 1.125rem !important;
    inline-size: 1.125rem !important;
}

.v-selection-control__input:hover::before {
    opacity: calc(var(--v-hover-opacity)* var(--v-theme-overlay-multiplier));
    background-color: blue;
}

.v-selection-control--dirty .v-selection-control__input .v-icon.iconify--custom {
    filter: drop-shadow(0 2px 6px rgba(var(--v-shadow-key-umbra-color), 0.14));
}

.v-checkbox .v-label {
    line-height: 21px;
}

.v-btn:not(.v-btn--loading) .v-btn__overlay {
    transition: opacity 0.15s ease-in-out;
    will-change: opacity;
}
.v-btn--variant-elevated:not(.v-btn--loading, .v-btn--disabled) .v-btn__overlay, .v-btn--variant-flat:not(.v-btn--loading, .v-btn--disabled) .v-btn__overlay {
    background-color: black;
    transition: none;
}

.v-field__outline_error {
  border-color: rgb(245, 2, 2) !important;
}
.simple-logout:hover {
  text-shadow: rgb(117, 8, 27) 1px 0 10px;
}

.login-seven .text-primary {        
  color: rgb(117, 8, 27) !important;
}