/* general */
.align-middle {
  vertical-align: middle;
}
.pre-wrap {
  white-space: pre-wrap;
}
.pointer {
  cursor: pointer;
}
/* end general */

/* app bar */
.v-navigation-drawer {
  will-change: initial !important;
}
/* end app bar */

/* marquee */
  .marquee:hover .roll {
    animation-play-state: paused !important;
  }
  @keyframes marquee {
    from {
      transform: translateX(100vw);
    }
    to {
      transform: translateX(-100%);
    }
  }
/* end marquee */

/* text clamp */
.clamp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
/* end text clamp */

/* blured image style */
.ratio {
  position: relative;
  width: 100%;
  height: 200px;
  overflow: hidden;
}
.ratio .content {
  width: 100%;
  height: 100%;
}
.ratio .blur-img {
  position: absolute;
}
.blur-img .v-image__image {
  filter: blur(10px) brightness(0.86);
  -webkit-filter: blur(10px) brightness(0.86); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
  -moz-filter: blur(10px) brightness(0.86);
  -o-filter: blur(10px) brightness(0.86);
  transform: scale(1.04, 1.01);
  /* transform: scale(0.92, 0.81); */
  /* transform: scale(0.94, 0.89); */
  transition: all .45s ease;
}
/* end blured image style */

/* v-text-field style */
.v-input.no-gutters .v-input__slot{
  min-height: 24px !important;
  padding: 0!important;
}
.v-input.no-gutters .v-input__append-inner, 
.v-input.no-gutters .v-input__append-outer, 
.v-input.no-gutters .v-input__prepend-inner {
  margin-top: 4px !important;
}
/* end v-text-field style */

/* icon rotate */
.icon-rotate {
  transform: rotateZ(-180deg);
}
/* end icon rotate */

/* v-expansion-panel */
.no-padding.v-expansion-panel .v-expansion-panel-header, 
.no-padding.v-expansion-panel .v-expansion-panel-content .v-expansion-panel-content__wrap {
  padding: 0px;
}
.icon--pr-2.v-expansion-panel .v-expansion-panel-header__icon{
  padding-right: 8px;
}
/* end v-expansion-panel */

/* carousel style */
.small-delimiter.v-carousel .v-carousel__controls {
  background: transparent;
  height: 1.6rem;
}
.small-delimiter.v-carousel .v-carousel__controls .v-btn {
  margin: 4px !important;
  width: 0.8rem;
  height: 0.8rem;
}
.small-delimiter.v-carousel .v-carousel__controls .v-btn {
  color: white;
  background: rgba(255, 255, 255, .34);
  transform: scale(0.7);
  box-shadow: 0px 0px 2px -1px black !important;
}
.small-delimiter.v-carousel .v-carousel__controls .v-btn.v-btn--active {
  transform: scale(0.8);
  box-shadow: 0px 0px 3px black !important;
}
.small-delimiter.v-carousel .v-carousel__controls .v-btn.v-btn--active:before {
  opacity: 1;
}
.small-delimiter.v-carousel .v-carousel__controls .v-btn__content .v-icon {
  font-size:0.8rem !important;
  display:none;
}
/* end - carousel style */

/* swal style */
.swal-modal {
  font-family: 'Verdana', 'Geneva', sans-serif !important;
}
/* end - swal style */

/* reset input style */
.v-input.hide-input:not(.v-input--is-label-active) .v-select__slot .v-label {
  position: relative !important;
  height: 32px;
}
.v-input.hide-input.v-input--dense:not(.v-input--is-label-active) .v-select__slot .v-label {
  position: relative !important;
  height: 24px;
}
.v-input.hide-input .v-select__slot .v-select__selection {
  max-width: none;
  width: 100%;
  padding-left: 4px;
  margin-right: 0;
}
.v-input.hide-input .v-select__slot .v-input__append-inner {
  padding-left: 0;
}
.v-input.hide-input .v-input__slot {
  padding: 0!important;
}
.v-input.hide-input .v-input__slot input {
  width: 0;
  padding-left: 4px;
}
.v-input.hide-input .v-input__slot .v-input__append-inner {
  margin-top: 6px;
}
.v-input.hide-input .v-input__icon {
  min-width: 20px;
  width: 20px;
  height: 20px;
}
.v-input.hide-input .v-icon {
  font-size: 20px;
}
.x-dense .v-input__slot {
  min-height: 32px !important;
}
.x-dense .v-input__slot .v-input__append-inner {
  margin-top: 4px;
}
.v-input input {
  text-align: inherit
}
/* end reset input style */